手记

【学习打卡】第6天 数据结构之“链表”

课程名称: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 中的原型链更加明白了,在以后的工作中也能够更好的运用原型链的特性解决特定问题,对自己说一句,加油😀~

坚持打卡,坚持学习!明天见💪~

0人推荐
随时随地看视频
慕课网APP