JavaScript之创建八个对象过520

马上又到了一年一度的520了，程序猿们赶紧创建对象过520吧！！！

JavaScript创建对象的几种方式：

一：字面量方式：

var obj = {name: '程序猿'};

 

二：通过new操作符：

var obj  = new Object();

obj.name = '程序猿过520';

创建对象;将this指针指向创建的对象;为对象添加属性方法;返回对象

 

三：工厂模式：

function createObj(){

    let obj = new Object();

    return obj;

}

 

四：构造函数：

function CreateObj(){// 区分普通函数,习惯上首字母大写

    this.name = '程序猿';

}

new CreateObj();

五：原型模式：

function Person(){}
Person.prototype.name = '520';
var obj = new Person();

 

obj.name;// 520

 

六：组合模式：

function Person(){this.name = '程序猿';}
Person.prototype.name = '520';
var obj = new Person();
obj.name;// 程序猿,优先读取自身属性

delete obj.name;// 删除的是自身属性

obj.name;// 520,当自身读取不到属性时会查找原型上是否存在

 

七：Object.create()：

var obj1 = {message: '哈哈哈'};

var obj2 = Object.create(obj1);// {}

obj2.__proto__;// {message: '哈哈哈'}

详细介绍请看

 

八：ES6之class：

class Person {}

new Person();