JS闭包的几种常见形式实例详解

 更新时间:2017年09月16日 10:08:09   作者:喵嘻嘻  
本文通过实例代码给大家详细介绍了js闭包的几种常见形式,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下

作用域链:

//作用域链
  var a = 1;
  function test() {
    var b =2;
    return a;
  }
  alert(test());//弹出1;
  alert(b);//不能获取b
//scope chain
  var a = 1;
  function test() {
    var b = 2;
    function test1() {
      var c = 3;
      alert(a);
      alert(b);
      alert(c);
    }
    test1();
  }
  test();//弹出1,弹出2,弹出3;

词法作用域:

//词法作用域;
  function f1() {
    var a = 12;
    return f2();
  }
  function f2() {
    return a;
  }
  alert(f1());//并不能获取a,a在f2()中并未定义;
function f1() {
    var a = 1;
    return f2();
  }
  function f2() {
    var b = 3;
    alert(b);
    return a;
  }
  alert(f1());//弹出3,a在f2()中未定义

function f1() {
    var a = 1;
    return f2();
  }
  function f2() {
    var b = 3;
    alert(b);
    return a;
  }
  alert(f1());//弹出3,a在f2()中未定义,undefined
  var a=55;
  alert(f1());//弹出3,弹出55

如何通过闭包突破全局作用域链——几种常见形式

//通过闭包突破全局作用域链
  function f() {
    var a = "sun";
    return function () {
      return a;
    }
  }
  var test = f();
  alert(test());//弹出sun
var n;
function f() {
  var a = "sun";
  n = function () {
    return a;
  }
}
f();
alert(n());//弹出sun
  function f(param) {
    var n =function () {
      return param;
    };
    param++;
    return n;
  }
  var test = f(45);
  alert(test());//弹出46;

总结

以上所述是小编给大家介绍的JS闭包的几种常见形式 ,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • JS中Iframe之间传值及子页面与父页面应用

    JS中Iframe之间传值及子页面与父页面应用

    用iframe做系统框架,相信很多朋友都有这样的经历吧,接下来将为你详细介绍下JS中Iframe之间传值应用,感兴趣的你可以参考下哈,希望可以帮助到你
    2013-03-03
  • javascript 键盘事件总结 推荐

    javascript 键盘事件总结 推荐

    在进入正题前,我们看一下浏览器对于键盘的一些默认事件,这有助于我们用javascript截获键盘事件。
    2009-12-12
  • 兼容ie和firefox js关闭代码

    兼容ie和firefox js关闭代码

    最近做项目的时候碰到一个问题: 在js里面使用window.close(),IE下工作正常,但是FireFox下有时可以,有时不行。
    2008-12-12
  • js console.log打印对像与数组用法详解

    js console.log打印对像与数组用法详解

    这篇文章主要介绍了js console.log打印对像与数组用法,结合实例形式较为详细的分析了js使用console.log实现打印对象与数组的具体实现步骤与相关技巧,需要的朋友可以参考下
    2016-01-01
  • uniapp开发小程序实现全局悬浮按钮的代码

    uniapp开发小程序实现全局悬浮按钮的代码

    这篇文章主要介绍了uniapp开发小程序如何实现全局悬浮按钮,但是在uniapp中式没有window对象,和dom元素的,需要获取页面上节点的几何信息,具体实例代码详细跟随小编一起看看吧
    2022-03-03
  • 理解javascript正则表达式

    理解javascript正则表达式

    这篇文章主要为大家详细介绍了javascript正则表达式,由浅入深的帮助大家学习正则表达式,感兴趣的小伙伴们可以参考一下
    2016-03-03
  • 动态生成的IFRAME,设置SRC时的,不同位置带来的影响

    动态生成的IFRAME,设置SRC时的,不同位置带来的影响

    动态生成的IFRAME,设置SRC时的,不同位置带来的影响。 以下所说的是在IE7下运行的。IE6下也是同样。 在这个blog中,直接点击运行代码,和把下面代码保存到为网页在运行(以本地文件或域名访问),效果不一样。
    2008-03-03
  • javascript实现的时间格式加8小时功能示例

    javascript实现的时间格式加8小时功能示例

    这篇文章主要介绍了javascript实现的时间格式加8小时功能,涉及javascript日期时间转换与运算相关操作技巧,需要的朋友可以参考下
    2019-06-06
  • 简单介绍JavaScript数据类型之隐式类型转换

    简单介绍JavaScript数据类型之隐式类型转换

    这篇文章主要介绍了简单介绍JavaScript数据类型之隐式类型转换的相关资料,需要的朋友可以参考下
    2015-12-12
  • Javascript别踩白块儿(钢琴块儿)小游戏实现代码

    Javascript别踩白块儿(钢琴块儿)小游戏实现代码

    游戏唯一的一个规则,我们只需要不断踩着黑色方块前进即可,这里根据方向键来踩白块,在规定的时间内,每走一次分数加100.下面通过本文给大家分享Javascript别踩白块儿(钢琴块儿)小游戏实现代码,一起看看吧
    2017-07-07

最新评论