详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
2017-01-09 09:18
751 查看
1.工厂模式
工厂模式是软件工程领域一种广为人知的设计模式,而由于在ECMAScript中无法创建类,因此用函数封装以特定接口创建对象。其实现方法非常简单,也就是在函数内创建一个对象,给对象赋予属性及方法再将对象返回即可。
function a(name){ var b = new object(); b.name = name; b.say = function(){ alert(this.name); } return b }
函数内部产生b对象并返回。
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); // bill alert(person2.name); // bill person1.sayName(); //bill person2.sayName(); //bill person1.name = "666"; alert(person1.name); // 666 alert(person2.name); // bill person1.sayName(); //666 person2.sayName(); //bill
我们创建的每个函数都有prototype(原型)属性,这个属性其实是一个指针,指向一个对象。
当构造一个person对象例如person1之后,它的默认name属性就是bill。如果要改name值的话就要对person1.name操作。这只是改了这个对象的name属性。alert(person1.prototype.name)依然是弹出bill,即原型上的name属性
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- JavaScript设计模式之原型模式(Object.create与prototype)介绍
- 深入理解JavaScript系列(42):设计模式之原型模式详解
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- javascript 原型模式实现OOP的再研究
- javascript原型模式用法实例详解
- javascript组合使用构造函数模式和原型模式实例
- JavaScript 设计模式 安全沙箱模式
- JavaScript设计模式之观察者模式(发布者-订阅者模式)
- JavaScript 设计模式之组合模式解析
- JavaScript设计模式之原型模式分析【ES5与ES6】
相关文章推荐
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)
- js 创建对象的三种方式——工厂模式、构造函数模式、原型模式
- js产生对象的3种基本方式
- JS中使用动态原型模式、寄生构造函数模式、稳妥构造函数模式创建对象
- js中组合使用构造函数模式和原型模式创建对象
- js创建对象的构造函数模式+原型模式和组合继承\Hybrid Pattern & combination inheritance
- 构造函数+原型模式构造js自定义对象(最通用)
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模)
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- 在立即执行函数内组合使用构造函数模式和原型模式创建对象,实现模块化开发(以daterangepicker.js为例)
- 构造函数+原型模式构造js自定义对象
- 在JS中组合使用构造函数模式和原型模式创建对象
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- JS面向对象的几种创建方式:工厂模式、构造函数模式、原型模式、混合模式、动态原型模式
- 面向对象JS基础讲解,工厂模式、构造函数模式、原型模式、混合模式、动态原型模式
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
- JS创建对象之组合使用构造函数模式和原型模式
- JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)