有其他OO语言经验的开发人员在看到独立的构造函数和原型时,很可能会感到非常困惑。动态原型模式正是致力于解决这个问题的一个方案,它把所有的信息都封装在了构造函数中,而通过在构造函数中初始化原型(仅在必要的情况下),又保持了同时使用构造函数和原型的优点。换句话说,可以通过检查某个应该存在的方法是否有效,来决定是否需要初始化原型。
function Person(name,age,job){
//属性
this.name = name;
this.age = age;
this.job = job;
this.friends = ["杜甫","陶渊明"];
//方法
if(typeof this.sayName != 'function'){
Person.prototype.sayName = function(){
console.log(this.name);
}
}
}
//实例化对象
var person1 = new Person("李清照",40,"南宋词人");
var person2 = new Person("李白",50,"初唐诗人");
person1.friends.push("杜牧");
console.log(person1.friends);//"杜甫","陶渊明","杜牧"
console.log(person2.friends);//"杜甫","陶渊明"
console.log(person1.friends === person2.friends);//false
console.log(person1.sayName === person2.sayName);//true
注意构造函数代码中加背景的部分。 这里只在 sayName() 方法不存在的情况下,才会 将它 添加 到 原型中。这段代码只会在初次调用造 函数时才会执行。此后,原型已经完成 初始化,不需要再做什么修改了。 不过要记住,这里对原型所做的修改,能够立即在所有实例中得到反映。因此,这种方法确实可以说非常完美。 其中 if 语句检查的可以是初始化之后应该存在的任何属性或方法—— 不必用一大堆 if 语句 检查每个属性和每个方法;只要检查其中一个 即可。对于采用这种模式创建的对象,还可以使用 instanceof 操作符确定它的 类型。使用动态原型模式时,不能使用对象字面量重写原型。 前面已经解释过了,如果在已经创建了实例的情况下重写原型,那么就会切断现有实例 与新原型之间的联系。