prototype

prototype是js实现代码共享,继承的利器.

1 共享

var Person = function(name){
    this.name = name;
}
Person.prototype.pName = function(){
   alert(this.name);  
}

var p1 = new Person();
var p2 = new Person();
alert(p1.pName === p2.pName); //true

   细节:

    1 new Person() 相当于

                  var obj = {};  //创建一个新对象

                  obj.__proto__ = Person.prototype;   //把函数的prototype属性赋给新对象的原型属性

                  Person.call(obj);

     2 p1.pName 执行时, 先去p1对象本身找方法,如没有则到__proto__属性找

 

2 继承

 

var Person = function(name){
    this.name = name;
}
Person.prototype.pName = function(){
    alert(this.name);  
}
 
var Student = function(name,score){
    Person.pName.call(this,name);
    this.score = score;          
}
Student.prototype = new Person();

var stu = new Student("stu");
stu.pName(); //stu

 

细节:

    1, 12行,把Student.prototype的设为Person对象,该对象的__proto__属性有pName方法

    2,  stu.pName 执行时, 在找对象本身此方法,没有 -> stu.__proto__(此时为Person对象),没有 -> Person().__proto__,找到

最终通过对象prototype链实现了继承

 

总结:

1 无new不谈prototype

2 构造函数创造了原型链