javascript设计模式 - 原型模式

原型模式
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里面的引用类型也跟着改变了！

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/shaowei828/article/details/81779418
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-01 22:50:45
阅读 ( 1273 )
分类：设计模式

javascript设计模式 - 原型模式

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看