1.前端面试题笔试

weixin_48112768

于 2022-04-25 16:38:26 发布

阅读量175

点赞数

分类专栏：笔记文章标签：前端

本文链接：https://blog.youkuaiyun.com/weixin_48112768/article/details/124408612

版权

笔记专栏收录该内容

20 篇文章

订阅专栏

<body>
    <button>防抖</button>
    <script>
      //   const array = [ {label:'1',value:'a'},{label:'2',value:'b'}]
      //   给一个这个数组 把数组变成对象

      //   {
      //   a:'1',
      //   b:'2'
      //   }
      const array = [
        { label: '1', value: 'a' },
        { label: '2', value: 'b' },
      ]
      const method = (arr) => {
        let obj = {}
        arr.forEach((item) => {
          obj[item.value] = item.label
        })
        return obj
      }
      console.log(JSON.stringify(method(array)))

      // 3.js 实现bind 指向
      function bind(fn, context) {
        return function () {
          return fn.apply(context, arguments)
        }
      }
      function fn() {
        console.log(this)
      }
      const bindFn = bind(fn, 'hello')
      bindFn()

      //4. 实现防抖
      let haha = debounce(fn, 2000)
      document.querySelector('button').addEventListener('click', haha)

      function debounce(fn, delay) {
        let timer = null
        return function () {
          let _this = this
          let args = arguments
          if (timer) {
            clearTimeout(timer)
          }
          timer = setTimeout(() => {
            fn.apply(_this, args)
          }, delay)
        }
      }
    </script>
  </body>