首页 > 代码库 > js重写原型对象
js重写原型对象
首先看两段很相似的代码:
1.
function Person(){} Person.prototype = { constructor:Person, name:"Nic", age:"29", sayName:function(){ alert(this.name) } }; var friend1 = new Person(); //实例在这里 friend1.sayName();
2.
function Person(){} var friend2 = new Person(); //实例在这里 Person.prototype = { name : "aty", sayName:function(){ alert(this.name); } }; friend2.sayName();
两个例子都是重写了原型对象,但是实例创建的顺序直接导致了俩个输出的结果。
第一个弹出 “Nic”,而第二个会报错“TypeError: friend2.sayName is not a function” !!!
两端代码唯一的区别就是实例在原型对象重写之前还是之后。
第一段重写后再创建实例,此时实例指向改写后的原型对象,所以能调用到原型中的sayName()。
第二段创建实例后再重写,此时实例还是指向刚开始的原型对象。重写原型对象后会将 之前原型对象 的属性和方法全部清除,所以实例访问不到sayName()。
另外读《JavaScript高级程序设计(第3版)》中156页与157页,分别是:
“实例中的指针仅指向原型,而不是指向构造函数”。
“重写原型对象切断了现有原型与任何之前已经存在的对象实例之间的关系;它们引用的仍然是最初的原型”。
js重写原型对象
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。