js:深入prototype（下：原型重写）

标签：js

//当属性和方法特别多时，编写起来不是很方便，可以通过json的格式来编写
//由于原型重写，而且没有通过Person.prototype来指定，此时的constructor不会再指向Person而是指向Object
//如果constructor真的比较重要，可以在json中说明原型的指向
function Person(){
  
}

Person.prototype = {
  //constructor:Person,   //手动指定constructor
  name:"octopus",
  age:23,
  say:function(){
    alert(this.name+":"+this.age);
  }
}
var p1 = new Person();
p1.say(); //octopus:23
alert(p1.constructor==Person); //false

Person.prototype.sayHi(){
  alert(this.name+":hi");
}
p1.sayHi(); //octopus:hi

//但是如果把原型重写放到new Person()之后，p1.sayHi();  //undefined:hi
function Person(){
  
}

var p1 = new Person();

Person.prototype.sayHi(){
  alert(this.name+":hi");
}
p1.sayHi(); //undefined:hi

Person.prototype = {
  //constructor:Person,   //手动指定constructor
  name:"octopus",
  age:23,
  say:function(){
    alert(this.name+":"+this.age);
  }
}
p1.sayHi(); //undefined:hi 有sayHi(),但没有name

var p2 = new Person();
p2.sayHi(); //报错：sayHi is not a function  这是因为 p2没有sayHi

原创文章如转载，请注明出处，本文首发于csdn网站：http://blog.csdn.net/magneto7/article/details/24922481

js:深入prototype（下：原型重写）,布布扣,bubuko.com

js:深入prototype（下：原型重写）

标签：js

原文地址：http://blog.csdn.net/magneto7/article/details/24922481