首页 > 编程语言 > 详细

JavaScript之创建八个对象过520

时间:2021-05-17 22:31:16      阅读:33      评论:0      收藏:0      [点我收藏+]

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

JavaScript之创建八个对象过520

原文:https://www.cnblogs.com/it-people/p/14777556.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!