课程名称：JavaScript版数据结构与算法
课程章节：第5章 数据结构之“链表”
主讲老师：lewis

课程内容：

今天学习的内容包括：
5-7 前端与链表：JS 中的原型链——本章结合vscode调试直观的学习原型链的指向和关系。

课程收获：

JS 中的原型链

1、查看平时定义的对象、函数体、数组的原型链关系

const obj = {}
console.log(obj.__proto__ === Object.prototype);  // true
const func = () =>{}
console.log(func.__proto__ === Function.prototype); // true
console.log(func.__proto__ === Object.prototype);  // true
const arr = []
console.log(arr.__proto__ === Array.prototype); // true
console.log(arr.__proto__ === Object.prototype);  // true

2、在Function，Object上对原型链定义属性，定义对象和函数，看访问对应属性结果

const obj = {}
Object.prototype.x = 'x'

const func = () =>{}
Function.prototype.y = 'y'

console.log(obj.x); // x
console.log(obj.y); // undefined

console.log(func.y); // y
console.log(func.x);  // x

3、自己写一个instanceOf判断继承关系，通过循环原型链判断A的__proto__上是否存在B的prototype，进而实现判断继承。

const instanceOf = (A,B) => {
  let p = A
  while(p){
    if(p === B.prototype){ 
      return true
    }
    p = p.__proto__
  }
  return false
}

console.log(instanceOf({},Object)); // true
console.log(instanceOf(Object,{})); // false

4、题目分析，在原型链上去查找a,b的值

var foo = {}
F= function(){}

Object.prototype.a = 'value a'
Function.prototype.b = 'value c'

console.log(F.a); // 'value a'
console.log(F.b); // 'value b'

console.log(foo.a); // 'value a'
console.log(foo.b); // undefined

通过今天的学习，对JS 中的原型链更加明白了，在以后的工作中也能够更好的运用原型链的特性解决特定问题，对自己说一句，加油😀~

坚持打卡，坚持学习！明天见💪~

​

​