zoukankan      html  css  js  c++  java
  • JS 闭包 学习笔记

    闭包的两个特点:
    1、作为一个函数变量的一个引用 - 当函数返回时,其处于激活状态。
    2、一个闭包就是当一个函数返回时,一个没有释放资源的栈区。
    其实上面两点可以合成一点,就是闭包函数返回时,该函数内部变量处于激活状态,函数所在栈区依然保留.
    我们所熟知的主流语言,像C,java等,在函数内部只要执行了return,函数就会返回结果,然后内存中删除该函数所在的区域.生命周期也就停止了.一般的js函数也是这样.

    但是有闭包特性的js函数有点特殊.
    就例子来说:
    function a(){
    var i=0;
    function b(){
    alert(++i);
    }
    return b;
    }
    var c = a();
    c();

    这是个标准的闭包.在函数a中定义了函数b,a又return了b的值.这些可以先不管.
    var c = a();
    c();
    这两句执行很重要.
    在var c = a();这行里,执行了a函数,那么肯定a经过了return.按照主流语言的函数特性,现在c的值就是a的返回值.
    第二行c()的执行实际执行的就是b函数.最后不管执行的是谁,会弹出一个值为0的窗口,到此为止,所有的生命周期按理论来说就算全部结束了.
    可是,如果我们再多执行一行.
    var c = a();
    c();
    c();
    第一次弹出0,第二次执行却弹出了1.

    也就是说,第一次c()后,a中的i依然保留.自然a在内存的栈区依然保留.

    a是return过了,但是,a及内部值却依然存在,这就是闭包.

    好了,总结下,
    1,闭包外层是个函数.
    2,闭包内部都有函数.
    3,闭包会return内部函数.
    4,闭包返回的函数内部不能有return.(因为这样就真的结束了)
    5,执行闭包后,闭包内部变量会存在,而闭包内部函数的内部变量不会存在.

  • 相关阅读:
    mac 外接显示屏的坑
    ssh 多秘钥管理和坑
    CircleCI 前端自动部署
    jest 事件测试
    await Vue.nextTick() 的含义分析
    Jest 里面需要注意的几个小细节
    element 库 date-picker 的 disabledDate 的坑
    jest 提示 Unexpected identifier 的解决方案
    preventDefault 和 stopPropagation
    数据库:Flask-SQLAlchemy
  • 原文地址:https://www.cnblogs.com/dooom/p/1954166.html
Copyright © 2011-2022 走看看