原型链 - Dokey

理解原型链

理解new关键字的作用机制（写）
理解[[GET]]（读）

new的执行流程

function foo() {
  console.log(1);
}

const a = new foo(); // 第二步用代码表示：this.__proto__ = foo.prototype； 返回值：this指向的对象的引用
console.log(a);

new的执行流程

绑定this为空对象
让空对象[[Prototype]](__protot__) –> 函数的prototype属性
(1) 所有对象都有[[Prototype]](隐式属性 __protot__) -> 所有对象本质上都是new出来的
(2) 所有的函数对象 -> prototype
正常执行函数
如果函数返回的基本类型，返回this的值，否则返回原函数的返回值

new执行流程图解

`[[GET]]`

function foo() {
  console.log(1);
}

const a = new foo(); 
a.b                   // 不报错返回undefined
console.log(a.b)      // 访问对象属性的本质，底层帮调用

[[GET]]流程

判断对象里面有没有
判断它的__proto__指向的对象里面有没有

面试题

Object.prototype.a = function () {
  console.log('a');
};

Function.prototype.b  = function () {
  console.log('b');
};

var F = new function() { };
var f = new F();

console.log(f.a)  // 打印a
console.log(f.a)  // 打印undefined
console.log(F.a)  // 打印a
console.log(F.b)  // 打印b