码迷,mamicode.com
首页 > Web开发 > 详细

你不知道的JS系列 ( 14 ) - 闭包无处不在

时间:2020-02-25 09:39:01      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:通信   回调   OLE   nbsp   name   基础上   style   灵活   就是   

上一节的闭包是为了解释如何使用闭包而人为地在结构上进行修饰,在昨天的闭包基础上,我们可以更加灵活的使用闭包
function wait(message){
  setTimeout(function timer(){
    console.log(message)
  }, 1000)
}
wait(‘hello, consure‘);
内部函数 timer 传递给 setTimeout()。timer 具有涵盖 wait() 作用域的闭包,因此还保有对变量 message 的引用。

 

深入到引擎的内部原理中,内置函数 setTimeout 持有对一个参数的引用,引擎会调用这个函数。在这个例子就是 timer 函数,而词法作用域在这个过程中保持完整,这就是闭包。

 

function setupBot(name, selector){
  $(selector).click(function activator){
    console.log(‘Activating:‘ + name)
  }
}
setupBot(‘Closure Bot 1‘, ‘#bot_1‘);
setupBot(‘Closure Bot 2‘, ‘#bot_2‘);

本质上无论何时何地,如果将函数当作第一级的值类型并到处传递,你就会看到闭包在这些函数中的应用。在定时器、事件监听器、ajax 请求,跨窗口通信,web workers 或者任何其他的异步或者同步任务中,只要使用了回调函数,实际上就是在使用闭包

你不知道的JS系列 ( 14 ) - 闭包无处不在

标签:通信   回调   OLE   nbsp   name   基础上   style   灵活   就是   

原文地址:https://www.cnblogs.com/wzndkj/p/12359878.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!