[JavaScript知识库] 惰性函数的介绍已经dom绑定事件兼容

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 惰性函数的介绍已经dom绑定事件兼容 -> 正文阅读

[JavaScript知识库]惰性函数的介绍已经dom绑定事件兼容

let getTime = () => {
  var time = Date.now()
  getTime = () => { 
    return time
  }
  return getTime()
}
console.log(getTime());
console.log(getTime());
console.log(getTime());

上面的代码固然可以通过闭包啥的来解决
但是这里表示一个思想
惰性函数是在第一次运行时根据不同的分支再次修改函数自身
下次运行的时候就不需要经过之前的分支

简单的说就是一次性改变了自身，形成了新的函数

比如下面的对浏览器的dom绑定事件的判断

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <button class="btn">点击</button>
  <div class="btn">点击</div>
  <script>
   const btn =  document.getElementsByClassName('btn')[0]
   const div_btn =  document.getElementsByClassName('btn')[1]
    // 绑定事件
    function bindEvent(el,type,fn,capture){
      if(el.addEventListener){
        bindEvent = function (el,type,fn,capture){
          el.addEventListener(type,fn,capture)
        }
      }else if(el.attachEvent){
        bindEvent = function(el,type,fn){
          // 绑定this
          fn.call(el)
        }
      }else{
        bindEvent = function (el,type,fn,capture){
          el['on'+ type] = fn
        }
      }
      bindEvent(el,type,fn,capture)
    }
    
    function fn1(){
      console.log(this);
      console.log('bindEvent',bindEvent);
    }
    bindEvent(btn,'click',fn1,false)
    bindEvent(div_btn,'click',fn1,false)

  </script>
</body>
</html>

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2022-04-07 22:34:53 更:2022-04-07 22:35:15

360图书馆购物三丰科技阅读网日历万年历 2024年11日历

-2024/11/24 2:44:53-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码