JavaScript之创建八个对象过520

Posted 2021-05-17 IT小猿人

马上又到了一年一度的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();