js原型链是什么 使用场景 闭包是什么 使用场景有哪些 如何实现防抖与节流 实例写出来

1. 原型链

原型链是 JavaScript 中实现继承的一种方式。每个 JavaScript 对象都有一个指向它的原型对象的内部链接，这个原型对象又有自己的原型对象，直到某个对象的原型为 null。

使用场景：在 JavaScript 中，原型链可以用于实现继承，通过在子类的原型对象上设置父类的实例，子类就可以继承父类的属性和方法，从而实现代码的复用。

2. 闭包

闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内部创建另一个函数。

使用场景：闭包可以用于封装变量，防止变量被外部访问。常用于模块化开发，用于实现私有变量和方法。还可以用于实现柯里化函数、节流函数等。

3. 防抖与节流

防抖和节流都是用于控制函数执行次数的方法。

防抖是指在一定时间内，多次触发同一事件，只执行最后一次事件的响应函数。实现的思路是使用定时器，在事件触发后设置一个定时器，如果在定时器时间内再次触发了事件，则清除定时器重新设置。如果在定时器时间内没有触发事件，则执行响应函数。

节流是指在一定时间内，多次触发同一事件，只执行一次事件的响应函数。实现的思路是使用定时器，在事件触发后设置一个定时器，如果在定时器时间内再次触发了事件，则不执行响应函数。如果在定时器时间内没有触发事件，则执行响应函数。

实现过程如下：

防抖：

function debounce(fn, delay) {
  let timer = null;
  return function() {
    let args = arguments;
    if (timer) clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(this, args);
    }, delay);
  }
}

节流：

function throttle(fn, delay) {
  let timer = null;
  return function() {
    let args = arguments;
    if (timer) return;
    timer = setTimeout(() => {
      fn.apply(this, args);
      timer = null;
    }, delay);
  }
}

以上是防抖和节流的两种实现方式，可以根据实际需求选择合适的方法。