博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 创建对象的几种方式
阅读量:6196 次
发布时间:2019-06-21

本文共 1691 字,大约阅读时间需要 5 分钟。

JS中创建对象的主要模式有

工厂模式

工厂模式抽象了具体创建对象的过程例如

function createPerson(name, age, job){    var o = new Object();    o.name = name;    o.age = age;    o.job = job;    o.sayName = function(){        alert(this.name);    };    return o;}

函数createPerson()能够根据接受的参数来构建一个包含所有必要信息的Person对象。可以无数次地调用这个函数,而每次它都会返回一个包含三个属性一个方法的对象

构造函数模式

function Person(name, age, job){    this.name = name;    this.age = age;    this.job = job;    this.sayName = function(){        alert(this.name);    };}

原型模式

function Person() {}Person.prototype.name = "Nicholas";Person.prototype.age = 29;Person.prototype.job = "Software Engineer";Person.prototype.sayName = function() {    alert(this.name);};var person1 = new Person(); //"Nicholas"person1.sayName();var person2 = new Person();//"Nicholas"person2.sayName();//truealert(person1.sayName == person2.sayName);

组合使用构造函数模式和原型模式

创建自定义类型的最常见方式,就是组合使用构造函数模式与原型模式。构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性。结果,每个实例都会有自己的一份实例属性的副本,但同时又共享着对方法的引用,最大限度地节省了内存。另外,这种混成模式还支持向构造函数传递参数;可谓是集两种模式之长。下面的代码重写了前面的例子。

function Person(name, age, job) {    this.name = name;    this.age = age;    this.job = job;    this.friends = ["Shelby", "Court"];}Person.prototype = {    constructor: Person,    sayName: function() {        alert(this.name);    }}var person1 = new Person("Nicholas", 29, "Software Engineer");var person2 = new Person("Greg", 27, "Doctor");person1.friends.push("Van"); //"Shelby,Count,Van"alert(person1.friends);//"Shelby,Count"alert(person2.friends);//falsealert(person1.friends === person2.friends);//truealert(person1.sayName === person2.sayName);

在这个例子中,实例属性都是在构造函数中定义的,而由所有实例共享的属性constructor和方法sayName()则是在原型中定义的。而修改了person1.friends(向其中添加一个新字符串),并不会影响到person2.friends,因为它们分别引用了不同的数组。

转载地址:http://mpyca.baihongyu.com/

你可能感兴趣的文章
初学Android
查看>>
日志管理
查看>>
SCCM 2016 + SQL 2016 + Win 2012 R2 安装教程
查看>>
我的友情链接
查看>>
火狐浏览器问题踩坑
查看>>
mysql 赋权细节!!
查看>>
我的友情链接
查看>>
Log4j 1使用教程
查看>>
Myeclipse常用快捷键
查看>>
用Linux shell 计算两个时间差
查看>>
C#Excel上传批量导入sqlserver
查看>>
textbox填入后验证输入的合法或根据输入的内容失去焦点后立即得出其他信息
查看>>
fullPage.js全屏滚动插件 中文帮助文档API
查看>>
【设计模式系列】结构型模式之Decorator模式
查看>>
全局CSS设置
查看>>
常用网址
查看>>
C/C++里的const(2)
查看>>
Gdiplus 贴图(助记) -------------------拖动整个对话框
查看>>
设计模式学习04:代理模式
查看>>
redis事务和脚本
查看>>