limy-blog

Appearance

原型和原型链 ​

概念 ​

  • 隐式原型：__proto__
  • 显式原型：prototype

特性 ​

  1. 对象 __proto__ 的值等于其构造函数的 prototype
js
const obj = {};
const arr = [];
const fn = function () {};

obj.__proto__ == Object.prototype; // true
arr.__proto__ === Array.prototype; // true
fn.__proto__ == Function.prototype; // true
  1. 在访问对象的某个属性时，如果这个对象本身没有，那么它会去它的 __proto__（构造函数的显式原型 prototype）中寻找
js
const obj = { a: 1 };
obj.toString;
// ƒ toString() { [native code] }

练习 ​

js
function Fn() {}

const fn = new Fn();
console.log('fn.prototype', fn.prototype);
console.log('fn.__proto__', fn.__proto__);
console.log('fn.__proto__ === Fn.prototype', fn.__proto__ === Fn.prototype);

console.log('Fn.__proto__', Fn.__proto__);
console.log('Fn.prototype', Fn.prototype);
console.log('Fn.prototype.__proto__', Fn.prototype.__proto__);
console.log(
  'Fn.prototype.__proto__ === Object.prototype',
  Fn.prototype.__proto__ === Object.prototype
);

console.log('fn.constructor === Fn', fn.constructor === Fn);
console.log('Fn.constructor', Fn.constructor);

参考 ​