day1

[elegantYU]

知识点

• 原型链
• 继承
• 作用域

编程题

• 防抖函数

算法题

• 斐波那契数列

[elegantYU]

解释下原型链

先说下什么是原型，每个js对象创建时，都会通过属性__proto__关联另一个对象，这个对象是其构造函数的原型。（例如：var obj = {}, obj.proto === Object.prototype）
原型中包含构造函数的所有属性和方法，当在对象中调用某属性或方法时，会查找自身是否存在，若不存在则会通过原型查找，找不到继续向上找，直到原型为null。这就是原型链

说下常用的继承方式是怎么实现的

寄生组合式继承，原理是通过创建一个中间函数继承父级的原型，实例化后抛出，修改此原型的constructor指向为子级，并赋值给子级的原型。

function object (o) {
  function F () {}
  F.prototype = o
  return new F()
}

function extend(child, parent) {
  var prototype = object(parent.prototype)
  prototype.constructor = child
  child.prototype = prototype
}

// 使用
extend(Child, Parent) 

这种继承方式避免了父级函数原型的污染，保持原型链的完整，同时子级实例化时不会多次创建方法

说下js的作用域和作用域链

作用域是js上下文中的概念，js的上下文分为全局上下文和函数上下文。
在执行js时，会把执行的函数按照执行顺序压入执行栈中，执行完毕后弹出。
在函数执行前会根据词法分析，创建一个包含自身变量对象和上层上下文的一个作用域链。
执行时，激活自身的变量对象，若未找到该变量，则会通过作用域链查找上层上下文的值对象，找不到继续找。

Debounce 函数，需求可传参，可立即执行，写出应用场景

页面中会频繁触发的事件，resize、scroll、mousemove等等，会在事件停止触发后延迟 n 秒再执行。

function debounce(dn, delay, immediate) {
  var timer
  return function () {
    var context = this 
    var args = arguments
   
    if（timer）clearTimeout(timer)
    if (immediate) {
      var startNow = !timer
      startNow && fn.apply(context, args) // 立即执行
      timer = setTimeout(() => {
         timer = null
       }, delay)
    }  else {
          timer = setTimeout(function () {
           fn.apply(context, args)
         }, delay)
   }
  }
}

fiber, 输入n返回n对应的斐波那契数 n <= 100

function fib(n) {
  if (n < 2) return n
 
  let x = 0, y = 0, z = 1
  for(let i = 2; i <= n; i++) {
    x = y
    y = z
    z = x + y
  }

  return z
}

[82382780wwj]

每个对象都会有自己的prototype,当查找自己的属性或者方法找不到时，会查找_proto_里的属性和方法，这个proto是它父级的prototype，就这样一层一层往上找 就是原型链