JavaScript成员查找机制原型对象this指向

78 阅读 0 评论 52 点赞

我是靠谱客的博主能干烤鸡，最近开发中收集的这篇文章主要介绍JavaScript成员查找机制原型对象this指向，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1.当访问一个对象的属性或方法时，就在该对象实例身上查找这个属性或方法；

2.如果从1中没找到，就通过这个对象的__proto__属性，指向这个实例对象的构造函数的prototype(原型对象)，然后在构造函数的prototype中查找对应的属性和方法

3.如果2中仍然没有找到，就通过这个构造函数的__proto__属性，继续向上查找，即查找原型对象的原型，以此类推直到找到对应的属性或方法，没找到就返回NULL。

__proto__是在查找成员的路上提供了方向，指路的作用。它指向prototype（原型对象）。

原型对象的this指向：

 function Star (uname, age) {
this.uname = uname
this.age = age
}
var that
Star.prototype.sing = function () {
console.log('我会唱歌');
that = this
}
var ldh = new Star('刘德华', 20)
//1.在构造函数中，里面this指向的是对象实例 ldh
ldh.sing()
console.log(that == ldh);
//2.原型对象里的this指向的也是 对象实例 ldh

构造函数里的this指向的是实例对象。