JavaScript原型和原型链

发表于 | 更新于: |
字数统计: 389

原型链是干什么用的

JavaScript 采用了原型和原型链来实现类和继承（就是查找属性用的）。

当 JavaScript 查找一个对象上的属性的时候，在该对象上找不到就会去它的原型链上查找。比如：

1
2
3
4
function Foo() {}
var foo = new Foo();
Foo.prototype.a = 1;
console.log(foo.a);

原型和原型链主要由三个指针实现：

  • prototype: 构造函数的prototype属性指向原型对象
  • __proto__: 实例对象的__proto__属性指向原型对象
  • constructor: 原型对象的constructor属性指向构造函数
  • 所有对象都基于Object，是因为所有原型对象的__proto__最终都指向Object.prototype，而Object.prototype的__proto__为 null

JavaScript 只要前面带 new 就是构造函数，箭头函数和异步函数不可以做构造函数，因为箭头函数没有 this，而异步函数返回的是 Promise 对象

当我们在实例对象上查找一个属性的时候，如果不存在，则会递归的去原型链上找。

Javascript Object Hierarchy

  • 所有对象都有__proto__属性，但只有函数对象才有prototype属性
  • 实例对象没有constructor属性，该属性继承自原型对象。分别对实例对象和原型对象使用hasOwnProperty验证constructor属性即可证明
1
2
3
var a = new Object();
console.log(a.hasOwnProperty('constructor'));   // false
console.log(a.__proto__.hasOwnProperty('constructor')); // true

参考资料