JavaScript 使用簡略語法創建對象的代碼

2019-11-21 00:47:09

字體：大中小

來源：轉載

供稿：網友

<html> <head> <title>JavaScript 使用簡略語法創建對象</title> <script type="text/javascript"> window.onload = function(){ AppendMembersToObject(); SimpleSyntaxToCreateObject(); } function AppendMembersToObject() { var testName = "AppendMembersToObject"; WriteStart(testName); // 創建一個對象 var person = new Object(); // 給對象添加屬性（public） person.Name = "lipei"; person.Sex = "boy"; person.Age = "24"; // 給對象添加方法（public） person.toString = function(){ //此處用person或this都可以，此時this指代person對象。 return str = "Name:" + this.Name + ",Sex:" + this.Sex + ",Age:" + this.Age; } WriteLine("person.Name : " + person.Name); WriteLine("person.toString() : " + person.toString()); WriteEnd(); /* 根據結果可知：JavaScript 中可在對象創建后，為對象添加成員（屬性、方法等）。 */ } function SimpleSyntaxToCreateObject() { var testName = "SimpleSyntaxToCreateObject"; WriteStart(testName); // 使用簡略語法創建對象 var computer = { Cpu : "酷睿2P系列", MainBoard : "華碩ER", Keyboard : "雙飛燕", toString : function(){ return str = "Cpu:" + this.Cpu + ",MainBoard:" + this.MainBoard + ",Keyboard:" + this.Keyboard; } }; WriteLine("computer.MainBoard : " + computer.MainBoard); WriteLine("computer.toString() : " + computer.toString()); WriteEnd(testName); /* 根據結果可知：JavaScript簡略語法可只能識別變量冒號后的類型，并據此定義變量的類型。 */ } /*************************Test Tools**************************/ function WriteLine(str) { document.write(str + "<br>"); } function WriteStart(str) { WriteLine("TEST : " + str + "<br>"); } function WriteEnd() { WriteLine("<br><hr/>"); } </script> </head> <body> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：使用JQuery進行跨域請求

下一篇：javascript 的Document屬性和方法集合