<script> var object1 = new Object(); object1.name = "alex"; object1.skinColor = "white"; object1.sayHello = function() { return "yo bro what's up"; }; document.write(object1.name + "<br >" + object1.skinColor + "<br >"); document.write(object1.sayHello()); </script>
↑ 这是第一种声明方法 在其中 我们使用objectName.valueName访问了对象中的元素，还有objectName.methodName访问了对象中的方法。
<script> var object1 = { name : "alex", skinColor : "white", sayHello : function() { return "yo bro what's up"; } }; document.write(object1.name + "<br >" + object1.skinColor + "<br >"); document.write(object1.sayHello()); </script>
↑ 这是第二种写法，比较常用 比第一种方法简单。
<script> // 对象构造器 function Person(firstName, lastName, age){ this.firstName = firstName; this.lastName = lastName; this.age = age; this.changeName = changeName; function changeName(name){ this.firstName = name; } this.fullName = fullName; function fullName(){ return this.firstName + this.lastName; } } // 使用对象构造器创建对象 var myWife = new Person("*","haoyan",18); myWife.changeName("Yang"); document.write(myWife.fullName()); </script>
↑ 这是第三种写法，对象构造器。
2.4.2 遍历对象使用for in来遍历对象：
<script> // 对象构造器 function Person(firstName, lastName, age){ this.firstName = firstName; this.lastName = lastName; this.age = age; this.changeName = changeName; function changeName(name){ this.firstName = name; } this.fullName = fullName; function fullName(){ return this.firstName + this.lastName; } } // 使用对象构造器创建对象 var myWife = new Person("*","haoyan",18); for(variable in myWife){ document.write(variable + "<br />"); } </script>
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：测试上述代码运行效果。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript操作DOM技巧总结》、《JavaScript页面元素操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript错误与调试技巧总结》