Js 原型链

Js 原型链

• 原型链查找机制

  每当代码读取某个对象的某个属性时，都会执行一次搜索，目标时具有给定名字的属性:

  ①搜索首先从对象实例本身开始

  ②如果在实例中找到了具有给定名字的属性，则返回该属性的值

  ③如果没有找到，则继续搜索指针指向的原型对象，在原型对象中查找具有给定名字的属性

  ④如果在原型对象中找到了这个属性，则返回该属性的值

function Student(name,id){     this.name = name;     this.id = id;    }        //获取对象的prototype     Student.prototype.type = "student";     Student.prototype.message = function(){         console.log(this.name + "," + this.id);     };    ​    var student1 = new Student("li",111);    var o = student1.__proto__; //指向的是Student构造函数的原型对象    var o1 = o.__proto__;//指向的是o的原型对象，也就是Student原型对象的原型对象    ​    console.log(o1.constructor);//结果显示Object(){}    console.log(o1);//Object    console.log(o1.__proto__);//null </pre> 

• 实例对象读写原型对象成员

  • 先在自己身上找，找到即返回，如果找不到则沿着原型链向上查找，如果一直到原型链末端还未找到，则返回undefined

  • ①值类型成员写入（实例对象.值类型成员 = xx）
          通过实例重写原型对象中某个普通数据成员时，会把该成员添加到自己身上，屏蔽掉对原型对象成员的访问；
    ②引用类型成员写入（实例对象.引用类型成员 = xx）
          通过实例对象添加新成员，会直接添加给自己，屏蔽掉对原型对象的访问。

这两种写入都屏蔽掉对原型对象的访问，直接添加到自己身上。

          function Student(name,id){              this.name = name;              this.id = id;              }             ​              //获取对象的prototype              Student.prototype.type = "student";              Student.prototype.message = function(){              console.log(this.name + "," + this.id);              };              //生成实例对象              var student1 = new Student("li",111);             ​              student1.sex = "male";//给student1添加sex属性              student1.type = "teacher";//重写type              console.dir(student1);</pre> 

• 复杂类型成员修改（实例对象.成员.xx = xx）
     与值类型和引用类型的写入不一样，复杂类型成员先在自身找该成员，找到直接修改，如果找不到，则沿着原型链继续查找，若是一直到原型链末端还未找到，则报错。还是会进行原型链的查找。

            // 添加一个新的属性给原型对象，值是一个对象类型              Student.prototype.score = {              mathScore:90              };             ​              //通过实例对象修改对象中复杂类型数据中的内容              student1.score.mathScore = 98;              console.dir(student1);