详解js产生对象的3种基本方式（工厂模式 构造函数模式 原型模式）

web前端|js教程

工厂模式 构造函数模式 原型模式

web前端-js教程

1.工厂模式

个人交易平台 源码,ubuntu重启时黑屏,项目怎么在tomcat7,高德爬虫滑块,php怎么修改文本里的文字,python做SEOlzw

工厂模式是软件工程领域一种广为人知的设计模式，而由于在ECMAScript中无法创建类，因此用函数封装以特定接口创建对象。其实现方法非常简单，也就是在函数内创建一个对象，给对象赋予属性及方法再将对象返回即可。

redis源码解析 pdf,rk3288ubuntu,爬虫暴露ip吗,php前辈,谷歌seo 软件lzw

function a(name){ var b = new object(); b.name = name; b.say = function(){ alert(this.name); } return b}

函数内部产生b对象并返回。

java 象棋源码,vscode多快捷方式,yocto和ubuntu,tomcat的spi机制,request自动爬虫,php 服务器 并发,河源市seo优化公司,视频采集源码网站,dede生成首页模板在哪lzw

2.构造函数模式

function Person(name, url) { //注意构造函数名第一个字母大写 this.name = name; this.url = url; this.alertUrl = alertUrl;} function alertUrl() { alert(this.url);}

因为每构造一个对象就会生成一个alertUrl方法，这样太浪费资源空间，所以把alertUrl这个方法写在全局以节省空间，但这样写就违背了面向对象编程的初衷，下面的原型模式就更好一些。

3.原型模式

我们创建的每个函数都有prototype（原型）属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。使用原型对象的好处就是可以让所有对象实例共享它所包含的属性及方法。

function Person(){} Person.prototype.name = "bill";Person.prototype.address = "GuangZhou";Person.sayName = function (){ alert(this.name);} var person1 = new Person();var person2 = new Person(); //测试代码alert(person1.name); // billalert(person2.name); // billperson1.sayName(); //billperson2.sayName(); //bill person1.name = "666"; alert(person1.name); // 666alert(person2.name); // billperson1.sayName(); //666person2.sayName(); //bill

我们创建的每个函数都有prototype（原型）属性，这个属性其实是一个指针，指向一个对象。

当构造一个person对象例如person1之后，它的默认name属性就是bill。如果要改name值的话就要对person1.name操作。这只是改了这个对象的name属性。alert(person1.prototype.name)依然是弹出bill，即原型上的name属性

更多详解js产生对象的3种基本方式（工厂模式，构造函数模式，原型模式）相关文章请关注PHP中文网！