原型模式
1 : 原型的定义:
(1)每当创建一个函数,都会有一个 prototype (原型属性)。
(2)原型(prototype) 这个属性的指针 指向一个对象,而这个对象的用途 可以由特定类型的所有实例 共享 属性和方法 !
(3)原型(prototype)是共享所有的属性和方法, 也就是说:如果 new 了 两个实例化 ,他们的方法 做对比 返回 true , 共同使用一个地址 。
function fn() {
fn.prototype.name = "xxxx";
fn.prototype.methodName = function () {
return "这是一个共享方法";
};
}
var fn1 = new fn()
var fn2 = new fn()
console.log(fn1.name);
console.log(fn1.methodName === fn2.methodName);
但有个缺点 :
如果 如果改变 一个 实例化的对象后, 另一个 也会改变 !
function fn() {
fn.prototype.name = "xxxx";
fn.prototype.arr = [1,2,3];
fn.prototype.methodName = function () {
return "这是一个共享方法";
};
}
var fn1 = new fn()
var fn2 = new fn()
fn1.arr.push("添加一个");
console.log(fn1.arr);
console.log(fn2.arr);
这里可以看到 fn2里面的 引用类型也跟着改变了 !