Javascript 原型注意事项
2014-08-07 11:28
246 查看
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是有继承关系的,也就是原型链啦。注意咯!
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是有继承关系的,也就是原型链啦。注意咯!
相关文章推荐
- 优化JavaScript脚本的性能的几个注意事项
- 优化JavaScript脚本的性能的几个注意事项
- javascript removeChild 使用注意事项
- Javascript中文字符串处理额外注意事项
- javascript 设置cookie注意事项
- JavaScript的parseInt,parseFloat等函数注意事项
- 《设计模式之禅》样章连载3:原型模式的注意事项
- 开发跨浏览器javascript常见注意事项
- PHP调用javascript的注意事项
- Javascript 中文字符串处理额外注意事项
- JavaScript中的new的使用方法与注意事项
- JavaScript开发时的五个注意事项
- (tips,javascript,office)客户端操作excel文档的注意事项
- javascript使用注意事项
- Javascript+xmlhttp调用Webservice以及注意事项
- JavaScript脚本性能优化注意事项
- 一个使用动态Javascript脚本绑定的注意事项
- JavaScript开发时的五个注意事项
- JavaScript数组使用注意事项
- JavaScript:注意事项