JavaScript创建简单对象和多层对象的几种方法

在JavaScript中，我们可以使用多种方式来创建对象。对象是JavaScript中最重要的数据类型之一，它允许我们将相关的属性和方法组合在一起，以便更好地组织和管理代码。javascript面向对象创建多个对象的方法，哪个最好用？对象直接量(对象字面量)？new创建对象(构造函数)？Object.create()？原型方法？原型加构造函数方法？进来一看便知。

1.对象直接量(对象字面量)

JavaScript中的对象直接量（Object Literal）也被称为对象字面量。

对象直接量是用花括号{}来表示的，其内部包含了零或多个属性名-值对。每个属性之间使用逗号分隔，最后一个属性可以省略逗号。

所谓对象直接量，可以看做是一副映射表，这个方法也是最直接的一个方法，个人比较建议，

//创建简单对象varobj1={};//空对象varobj2={name:"ys",age:12};//创建复杂对象varobj3={name:"ys",age:12,like:{drink:"water",eat:"food"}};console.log(typeofobj1);//objectconsole.log(typeofobj2);//objectconsole.log(typeofobj3);//objec

有的人可能会发现，这里的键值名怎么没有引号”“，好细心，其实这个引号（单引双引号，js一样）加不加都行，但是个人建议加上，为什么能，因为加上之后，键值名可以很随意….当然如果你不乱定义名字的话，第一个比较好，因人而异，

varobj4={"myname":"ys",//键值名中间有空格"my-age":12,//键值名中间有连字符"while":111//键值名是关键字}console.log(obj4['myname']);//ysconsole.log(obj4['my-age']);//12console.log(obj4.while);//111console.log(typeofobj3);//objec

通过上面的例子，大家可以看出”.”和”[]”访问属性的区别了吧

对象直接量创建的对象，键值对的值支持表达式，如下

varobj3={name:"ys",age:obj2.age,//引用obj2.agelike:{drink:"water",eat:"food"}};console.log(obj3.age);//100

2.new创建对象(构造函数)

1）.系统内置对象

2）.自定义对象

3.Object.create()创建

该方法有两个参数，我就只解释下第一参数，第二个参数不常用（对对象的属性进行进一步描述）
第一个参数：传入要继承的原型（prototype）对象
怎样理解这句话呢？

obj1为{}，为什么可以访问到属性值呢？我们理解下第一个参数的意义“传入要继承的原型对象”

console.log(obj1.__proto__); //Object {name: "ys", age: 12}

对象本身为空，但是原型链上数据不为空，存在obj1.age，所以可以访问到。

1）.当第一个参数为null时

为什么会报错呢？正常参数下生成的图如下：

通过图可以看出，要继承的原型对象（即参数）又继承了Object的原型对象，关键原因来了，Object的原型对象包含了一些js对象的基本方法（indexOf()，toString()，'+'功能……）而这个时候，如果参数为null，那么这条继承链就断了。

这个时候大家应该理解了一句话了吧，JavaScript中所有的对象都继承自Object，以为Object处于继承链的最顶端。

2）.创建空对象

代码的图：

这样创建的对象，只包含了对象的基本方法。

3）.最后大家看下面的代码，希望能更深刻的理解Object.create()方法

如果不理解的话，看下面的图

代码不理解看图（设置name后的图）：

这个时候相信大家都理解第一个参数了吧。