web前端入门到实战：Js创建对象的4种方式

创建对象的4种方式

• 方式一：通过对象字面量表示法（又称为直接量、原始方式）。object literals
• 方式二：通过new和构造函数Object()、String()等。
• 方式三：用自定义构造函数来初始化新对象。
• 方式四：通过Object.create()

方式一：通过对象字面量表示法（又称为直接量、原始方式）object literals

var obj = {name:"zyx456"};

对象字面量是一个名/值对列表，每个名/值对之间用逗号分隔，名和值之间用冒号分隔，最后整体用一个花括号括起来。

属性名可以使用数值，比如5。数值属性名会自动转换为字符串。

var person = {"name" : "Nicholas","age" : 29,5 : true};

属性名一般不加引号，以下情况必须加引号：

• 属性名中有空格，
• 有连字符“-”
• 有关键字，比如“for”。

在ES5（以及ES3的一些实现）中，保留字可以用做不带引号的属性名。然而对于ES3来说，使用保留字作为属性名必须使用引号引起来。

工作第六个年头了，与大家分享一些学习方法，实战开发需要注意的细节。767-273-102 秋裙。从零基础开始怎么样学好前端。看看前辈们是如何在编程的世界里傲然前行！不停更新最新的教程和学习方法（web前端系统学习路线，详细的前端项目实战教学视频），有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入。我们会一起结伴同行前端前端前端

例子：

var person = {
    name : "Nicholas",
    age : 29};

在ES5中，对象直接量中的最后一个属性后的逗号可以省略，且在ES3的大部分实现中也可以忽略这个逗号，但在IE中则报错。

使用对象字面量语法时，如果留空其花括号，则可以定义只包含默认属性和方法的空对象。

var obj = {};

对象字面量也可以先创建，再添加属性和方法。

var person = {};         //与new Object()相同
person.name = "Nicholas";
person.age = 29;

在通过对象字面量定义对象时，实际上不会调用Object构造函数。

对象可以嵌套对象