javaScript中的设计模式(4)动态原型模式
2017-05-08 09:47
106 查看
在项目开发过程中我们经常遇到一些需要动态添加的变量或方法属性。在JavaScript语言中动态原型模式能很好的解决此问题。
栗子：
function Person(name,age,job){
this.age=name;
this.name=age;
this.job=job;
if(typeof this.sayName !="function"){//添加if语句动态的判定
Person.prototype.sayName= function(){
console.log(this.name)
}
}
}
var person=new Person("Marker",21,[b]"programer");[/b]
person.sayName();
此种方法对原型的修正可以在这个原型的所有实例中得到反映
注：不用在此种原型模式中使用字面量定义（字面量定义会切断原型链）
栗子：
function Person(name,age,job){
this.age=name;
this.name=age;
this.job=job;
if(typeof this.sayName !="function"){//添加if语句动态的判定
Person.prototype.sayName= function(){
console.log(this.name)
}
}
}
var person=new Person("Marker",21,[b]"programer");[/b]
person.sayName();
此种方法对原型的修正可以在这个原型的所有实例中得到反映
注：不用在此种原型模式中使用字面量定义（字面量定义会切断原型链）
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- javascript 动态原型模式
- Javascript--动态原型模式
- 深入理解JavaScript系列（42）：设计模式之原型模式
- JavaScript 创建对象---动态原型模式
- JavaScript 设计模式 - 原型模式
- javascript 设计模式一：原型模式
- 深入理解JavaScript系列（42）：设计模式之原型模式
- javascript简单工厂设计模式////javascript构造函数//////prototype原型介绍
- Javascript---字面量创建对象、组合构造函数+原型模式、动态原型模式
- javascript--面向对象（五）动态原型模式
- 深入理解JavaScript系列（42）：设计模式之原型模式
- 深入理解JavaScript系列（42）：设计模式之原型模式
- javascript创建对象之动态原型模式(五)
- JavaScript之面向对象学习七(动态原型模式、寄生构造函数模式、稳妥构造函数模式创建自定义类型)
- javascript面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式）
- Javascript继承机制的设计思想(原型链模式)
- [设计模式] JavaScript 之 原型模式 : Object.create 与 prototype
- 深入理解JavaScript系列（42）：设计模式之原型模式详解
- JavaScript中常见的设计模式（3）原型模式
- 深入理解JavaScript系列（42）：设计模式之原型模式