【JavaScript】动态原型模式创建对象 ||为何不能用字面量创建原型对象?
var proto = ""; function Person(name, age, job) { this.name = name; this.age = age; this.job = job; if (typeof this.sayname != ‘function‘) { //这里不能使用字面量创建原型对象 //Person.prototype.sayname = function() { // console.log("name = " + this.name); // }; proto = Person.prototype;//没有经过字面量重写的原型对象 //假如使用字面量创建原型对象 Person.prototype = { sayname: function() { console.log("Name:" + this.name); } } console.log(proto == Person.prototype)//false 说明Person原型对象已被重写改变 } } var person = new Person("Jack", 25, ‘Programmer‘); console.log(person.__proto__ == proto);//true 实例对象的__proto__指向原先的原型对象,而不是被字面量重写的原型对象 person.sayname();//undefined 没有新原型对象的方法
在已经创建了实例的情况再用字面量重写原型,那么就会切断现有实例与新原型之间的联系,以上说的换个写法就如下:
function Person() { }; var proto = Person.prototype; var person = new Person;//实例对象在前 Person.prototype = { name: "Jack", sayname: function() { console.log("Name:" + this.name); } } console.log(Person.prototype.isPrototypeOf(person)); //false 新原型不在person对象原型链上 console.log(proto.isPrototypeOf(person)); //true 原先的原型对象在person对象原型链上
如果要实现为已经创建的实例对象添加方法,可以这样写:
function Person() { } var person = new Person();//实例对象在前 Person.prototype.name = ‘Jack‘; Person.prototype.sayName = function() { console.log(this.name); } person.sayName();//Jack
这样做就不是重新声明一个原型对象,而是对原来的原型对象进行扩展。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。