脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JavaScript闭包应用

JavaScript闭包的简单应用

 更新时间：2017年09月01日 10:35:55   作者：Mr.曹  
这篇文章主要为大家详细介绍了JavaScript闭包的简单应用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

闭包定义

在JavaScript中，当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包。简单说，闭包就是能够读取其他函数内部变量的函数。

闭包的作用:

1. 可以读取函数内部的变量
2. 让这些变量的值始终保持在内存中。
闭包简单应用

例一：

function a() { 
  var i = 0; 
 function b() {
  console.log(++i);
 } 
 return b;
}      
var c = a();  //执行完var c=a()后，变量c指向了函数b，再执行c()后就会显示i的值(为1)。
c();    //输出1

例二：

(function() { 
var i = 0; 
 return function(){
   console.log(++i);
  }
})()();     //输出1

例三：

(function(i) { 
 return function(){
   console.log(++i);
  }
})(0)();     //输出1

例四：

for (var i = 0; i < 3; i++) {
 setTimeout((function(i) {    
  return function() {
   console.log(i);
  };
 })(i), 2000);
 console.log(i+10);
}      //输出 10 11 12 （隔两秒后）0 1 2

例五：

for (var i = 0; i < 3; i++) {
 setTimeout((function(i) {
  return function() {
   console.log(i);
  };
 })(i)(), 2000);
 console.log(i+10);
}      //立即输出 0 10 1 11 2 12 ，（两秒后运行程序结束）

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • 用js编写留言板

    用js编写留言板

    这篇文章主要为大家详细介绍了用js编写留言板，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-03-03
  • webpack 处理CSS资源的实现

    webpack 处理CSS资源的实现

    这篇文章主要介绍了webpack 处理CSS资源的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • js链接确认提醒功能

    js链接确认提醒功能

    非常不错的功能，当单机一个链接时，会弹出确认对话框效果
    2008-09-09
  • 利用JavaScript的%做隔行换色的实例

    利用JavaScript的%做隔行换色的实例

    下面小编就为大家分享一篇利用JavaScript的%做隔行换色的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2017-11-11
  • JS实现的四叉树算法详解

    JS实现的四叉树算法详解

    这篇文章主要介绍了JS实现的四叉树算法,简单分析了四叉树的相关概念、原理、实现方法及操作注意事项,需要的朋友可以参考下
    2018-12-12
  • 原生JS实现拖拽效果

    原生JS实现拖拽效果

    这篇文章主要为大家详细介绍了原生JS实现拖拽效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12
  • ECharts调用接口获取后端数据的四种方法总结

    ECharts调用接口获取后端数据的四种方法总结

    echarts是我们经常用到的数据可视化图形,但是后端反馈给我们的数据经常是数组包对象的集合类型,下面这篇文章主要给大家介绍了关于ECharts调用接口获取后端数据的四种方法,需要的朋友可以参考下
    2022-11-11
  • JS实现新浪微博效果带遮罩层的弹出框代码

    JS实现新浪微博效果带遮罩层的弹出框代码

    这篇文章主要介绍了JS实现新浪微博效果带遮罩层的弹出框代码,涉及JavaScript响应鼠标事件动态操作页面元素的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • 修复ie8&chrome下window的resize事件多次执行

    修复ie8&chrome下window的resize事件多次执行

    window.onresize 事件 专用事件绑定器 v0.1,用于解决 lte ie8 & chrome 及其他可能会出现的 原生 window.resize 事件多次执行的 BUG.
    2011-10-10
  • js实现漫天星星效果

    js实现漫天星星效果

    这篇文章主要为大家详细介绍了js点击出漫天的小星星，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-01-01

最新评论