JS学习之构造函数、原型、原型链

构造函数
创建并初始化对象的函数，必须需要new来调用。如果不用new 就与普通函数没有区别。

 通过构造函数new出来的对象叫实例，创建对象的过程叫实例化。

             function  Person(name,age){
         /*1、 在用new调用的函数的时候创建了一个空对象（var obj=new Object）
           2、 把this指向了该对象this=obj;   */
                            this.name = name;
              this.age    = age;
              this.word  =  function(){
                    console.log("我叫"+this.name);
              } 
              /*3、 函数执行完毕后，返回该对象 return obj  */
       }
       var p1=new Person('jiajia');  // 一个实例
              var p2=new Person('xiaoxu');

原型 prototype

函数身上的属性，每一个函数都有，它的值是一个对象。

用途：它身上同样有属性和函数，构造函数身上也具备prototype这个属性，通过构造函数创造出来的对象（一个实例）同样拥有构造函数身上的prototype.

建议：把一些公用的属性或者方法都放到构造函数的原型身上。

      function  Person(name,age){
              this.name = name;
              this.age    = age;
              this.word  =  function(){
                    console.log("我叫"+this.name);
              } 
            
       }
      Person.prototype.sex='男';  // 通过这样添加的属性 每一个实例身上都会有
             var p1=new Person('jiajia');  // 一个实例
             var p2=new Person('xiaoxu');
       // 每一个实例内存都会开辟一块空间，所以公用的属性放在构造函数的原型身上能提高性能减少内存泄漏
             console.log(p1.sex);  // 男
             console.log(p2.sex);  // 男

 --proto--

对象身上的属性，每一个对象都会有。它的值也是一个对象，它的值就是它对应的构造函数的prototype的值
对象.__proto__===构造函数.prototype
注意：对象之所以能继承原型身上的属性和方法，是因为每个对象身上都有一个__proto_,那__proto__的值指向了构造函数的prototype

原型链:对象与原型之间的关系
查找规则：当我们调用对象身上的属性或者方法的时候就会有一个查找规则
1、在自己身上找，有的话就用自己的
2、如果自己没有，就在该对象的__proto__下查找，因为__proto__指向对应的构造函数身上的prototype，也就是找构造函数身上的原型
3、如果原型身上没有的话，就会继续往上找，直到找到最顶层的Object身上的 prototype

 

转载于:https://www.cnblogs.com/xubj/p/9879783.html