[JavaScript] prototype 和 __proto__

1. js 会顺着 __proto__ 属性一直向上找，直到 Object.prototype 根对象。
2. js 不会顺着 prototype 属性向上找。
3. 只有 class 和 function 有 prototype。
4. prototype 是给 new 出来的对象使用的。
5. class A{} 这里的 A 是一个类。
6. function B(){} 这里的 B 也是一个类。
7. const C = {} 这里的 C 是一个对象，不是一个类。
8. 该文章把有 prototype 这个属性的，都称为一个类。
9. class A{} 只是一个 function A(){} 的语法糖。

测试代码

test.js

node --inspect-brk=9229 test.js 开启调试。

class A {
  constructor(key) {
    this.key = key;
  }

  f1() {
    console.log("I'm f1");
  }
}

function B(key) {
  this.key = key;
}

B.prototype = {
  f2: function() {
    console.log("I'm f2");
  },
};

const C = {
  key: 'CC',

  f3() {
    console.log("I'm f3");
  },
};

function D() {
  console.log("I'm D function");
}

const a1 = new A(10);
const a2 = new A(20);

const b1 = new B(10);
const b2 = new B(20);

const d1 = new D();

console.log('end');

chrome 测试

按 F12 在 console 中查看。

输入 a = {} 和 Object.prototype 观察下。

a.__proto__ === Object.prototype

a.__proto__.constructor === Object

Object.prototype.constructor === Object

Object.prototype.__proto__ === null

Object.__proto__ === Function.prototype

Function.prototype.constructor === Function

Function.prototype.__proto__ === Object.prototype

Function.__proto__ === Function.prototype

参考链接

https://stackoverflow.com/questions/9959727/proto-vs-prototype-in-javascript