闭包

作者: 田成力 | 来源:发表于2019-10-11 17:14 被阅读0次

闭包作用(保护)

形成私有作用域,保护里面的私有变量不受外界的干扰

jQuery:常用的JS类库,提供了很多项目中常用的方法(兼容所有浏览器)
Zepto:小型JQ,专门为移动端开发准备的

1.//=>JQ代码片段
2.(function(window){
3.    var jQuery=function(){
4.        ...
5.    };
6.    ...
7.
8.    window.jQuery=window.$=jQuery;
9.})(window);
10.
11.jQuery()
12.$()
13.
14.//=>Zepto的代码片段
15.var Zepto=(function(){
16.    var Zepto=function(){
17.        ...
18.    };
19.    ...
20.    return Zepto;
21.})();
22.var $=Zepto;
23.Zepto();
24.$();

真实项目中,我们利用这种保护机制,实现团队协作开发(避免了多人同一个命名,导致代码冲突的问题)

1.//=>A
2.~function(){
3.    //=>A写的代码
4.    function fn(){
5.        ...
6.    }
7.    window.fn=fn;
8.}();
9.
10.//=>B
11.~function(){
12.    //=>B写的代码
13.    function fn(){}
14.
15.    //=>B想要调取A写的fn
16.    window.fn();
17.}();

闭包作用(保存)

函数执行形成一个私有作用域,函数执行完成,形成的这个栈内存一般情况下都会自动释放

但是还有二般情况:函数执行完成,当前私有作用域(栈内存)中的某一部分内容被栈内存以外的其它东西(变量/元素的事件)占用了,当前的栈内存就不能释放掉,也就形成了不销毁的私有作用域(里面的私有变量也不会销毁)

i++和++i的区别

i++:先拿原有i的值和其它值进行运算,运算完成后在自身累加1
++i:先自身累加1,然后拿累加完成的结果和其它值进行运算

1.var i=5;
2.console.log(5+i++);//->10  5+(i++) 加括号也是先运算在累加1
3.console.log(i);//->6
4.
5.i=5;
6.console.log(5+(++i));//->11
7.console.log(i);//->6

函数执行形成一个私有作用域,如果私有作用域中的部分内容被以外的变量占用了,当前作用域不销毁
[形式]
函数执行返回了一个引用数据类型堆内存的地址(并且堆内存隶属于这个作用域),在外面有一个变量接收了这个返回值,此时当前作用域就不能销毁(想要销毁,只需要让外面的变量赋值为null,也就是不占用当前作用域中的内容了)

1.function fn() {
2.    var i = 1;
3.    return function (n) {
4.        console.log(n + i++);
5.    }
6.}
7.var f = fn();
8.f(10);//->11
9.fn()(10);//->11
10.f(20);//->22
11.fn()(20);//->21

严格模式和非严格模式的区别

  • 严格模式下不支持arguments.callee和arguments.callee.caller.
  • 在严格模式下arguments和形参没有映射机制
  • 在严格模式下不允许给一个对象设置重复属性名的
  • 在严格模式下函数执行如果没有明确指定函数的主体(函数前面没有点),不像非严格模式下一样统一都交给window,而是让this指向undefined,代表没有执行主体:“严格模式下有执行主体this就指向谁,没有执行主体this就是undefined”
  • 高程3最后有严格模式和非严格模式的汇总。
function fn(x, y) {
    var arg = arguments;
    /*
     * x=10 y=undefined
     *
     * ARG
     *  0:10
     *  length:1
     */
    // y = 200;
    // console.log(arg[1]);//=>undefined

    arg[1] = 300;
    /*
     * ARG
     *  0:10,
     *  1:300,
     *  length:2
     */
    console.log(y);
    y=400;
    console.log(arg[1]);

    //=>ARGUMENTS和形参的映射机制建立在函数执行后形参赋值的一瞬间,此时能建立映射机制的建立映射机制,不能建立起来的,以后不管怎么操作都无法再建立了
}
fn(10);


----------
"use strict";
var a = 4;
function b(x, y, a) {
    console.log(a);//=>3
    arguments[2] = 10;
    console.log(a);//3
}
a = b(1, 2, 3);//=>undefined


相关文章

  • swift-闭包

    闭包 闭包定义 闭包简化 - 尾随闭包 闭包参数 闭包返回值 闭包的循环引用

  • 闭包,闭包,闭包

    1、这家伙到底是什么? 网上关于这个的讨论的太多了太多了,有各种的举例子,但是大部分还在寻找这个答案的小伙伴对于变...

  • 闭包-Closures [swift 5.1]

    闭包的语法 尾随闭包 闭包逃离 自动闭包

  • Day7 闭包(Closures)

    本页包含内容:• 闭包表达式• 尾随闭包• 值捕获• 闭包是引用类型• 逃逸闭包• 自动闭包 1、闭包表达式 闭包...

  • Python闭包

    闭包 = 环境变量 + 函数 调用闭包内部的环境变量 闭包的经典误区 闭包与非闭包实现人类走路 非闭包 闭包

  • 闭包(closure)

    ● 闭包基础 ● 闭包作用 ● 闭包经典例子 ● 闭包应用 ● 闭包缺点 ● 参考资料 1、闭包基础 作用域和作...

  • swift- 闭包一

    /*• 闭包表达式• 尾随闭包• 值捕获• 闭包是引用类型• 逃逸闭包• 自动闭包*/

  • (9) python之闭包

    闭包闭包 = 函数 + 环境变量(函数定义的时候) 一个最简单的闭包 闭包不受外部变量影响 非闭包 闭包 闭包 只...

  • Swift-进阶 :闭包(二)逃逸闭包 & 非逃逸闭包

    本文主要分析逃逸闭包 、非逃逸闭包、自动闭包 逃逸闭包 & 非逃逸闭包 逃逸闭包定义 当闭包作为一个实际参数传递给...

  • javascript闭包详解

    跟我念 bi 闭 bao包 ,闭包的闭,闭包的包。。 闭包的简介 在计算机科学中,闭包(英语:Closure),又...

网友评论

      本文标题:闭包

      本文链接:https://www.haomeiwen.com/subject/zhcxmctx.html