JavaScript每日五题面试题(第二天)

lucky_full

已于 2023-04-18 20:35:31 修改

阅读量574

点赞数 2

分类专栏：每日五道js面试题 JavaScript面试题文章标签： javascript 前端面试

于 2023-04-18 18:56:04 首次发布

本文链接：https://blog.csdn.net/weixin_44530344/article/details/130228734

版权

JavaScript面试题同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

每日五道js面试题

9 篇文章 0 订阅

订阅专栏

1、什么是防抖，什么是节流？

防抖

在事件被触发时，延迟n秒后再触发回调函数，如果n秒内又触发了事件，则会重新开始计算时间（一定时间内最后一次生效）

应用场景
- 用户在输入框中连续输入一串字符时，可以通过防抖策略，只在输入完后，才执行查询的请求，这样可以有效减少请求次数，节约请求资源

实现

function debounce(fn,delay){
  let timer = null;
  return function(){
    if(timer){
      clearTimeout(timer)
    }
    timer = setTimeout(fn,delay)
  }
}

节流

一段时间内只能触发一次，如果这段时间内触发多次事件，只有第一次生效会触发回调函数，一段时间过后才能再次触发（一定时间内只执行第一次）

应用场景
- 鼠标连续不断地触发某事件（如点击），只在单位时间内只触发一次
- 懒加载时要监听计算滚动条的位置，但不必每次滑动都触发，可以降低计算的频率，而不必去浪费 CPU 资源

实现

function throttle(fn,delay){
  let flag = true;

  return function(){
    if(flag){
      flag = false;
      setTimeout(() =>{
        flag = true
      },delay)
      return fn()
    }
  }  
}

2、如何实现闭包？

闭包

由作⽤域嵌套产⽣的执⾏空间不被销毁的场景（⼤函数嵌套⼩函数，⼩函数使⽤⼤函数的变量，⼤函数外跟⼩函数保持联系）函数内部的变量可以访问函数外部的变量，函数外部的不可以访问函数内部的变量。

实现

 function test() {
    var a = 1
    function cc() {
        console.log(a++);
    }
    return small
}
var s = test()
s() // 1
s() // 2
s() // 3

使用场景
- 在循环中绑定事件，事件函数中需要使⽤循环的变量
- 在循环中执⾏异步代码，在异步代码中使⽤循环的变量
- 防抖
- 节流
- 函数柯⾥化

3、介绍函数调用时的执行步骤？

函数的两大阶段：定义阶段和调用阶段

定义阶段：
- 在内存开辟空间
- 把函数体中的代码，存放在该空间中
- 把该空间的引用地址，返回给函数
调用阶段：
- 根据函数名中的引用地址，获取内存中的函数体
- 给形参赋值
- 预解析
- 在内存中再次开辟一个执行空间
- 把存储空间中的代码，拿到执行空间中去执行
- 当执行空间中的代码执行完毕时，销毁执行空间