Javascript 原型注意事项

时间:2023-10-29 10:18:20

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是有继承关系的,也就是原型链啦。注意咯!