Javascript 原型注意事项

function abc() {}
abc.prototype.xx = {
name: "keatkeat"
}
var x = new abc();
x.xx.name = "5566";
alert(abc.prototype.xx.name); //是 5566 ,你把原型的值给改掉了 

要注意，原型是共享的，我们在实例对象可以调用到原型，也可以改变他。

 

function abc() {}
abc.prototype.xx = "keatkeat"
var x = new abc();
x.xx = "5566";
alert(abc.prototype.xx);//还是keatkeat

x.xx = "5566" 写入的时候如果实例本身没有这个属性，它会创建一个，而不是去改写原型的。

比较这2个例子

比较容易混乱的地方是什么时候它会创建一个属性，什么时候它会去写原型？

简单的想法可以这么看待， x.xx 表示我们想添加一个属性，x.xx.name = "5566" 正常的角度来看我们应该是写 x.xx ={}; x.xx.name = "5566" 要先有对象才能给属性啊！

所以x.xx.name = "5566"这种情况下它没办法直接创建一个新对象然后给予属性，游览器就聪明的去写原型了咯！

这个在用angularjs的人可能要多注意了。angularjs 的$scope是有继承关系的，也就是原型链啦。注意咯！

 

转载于:https://www.cnblogs.com/keatkeat/p/3896758.html