zoukankan      html  css  js  c++  java
  • JS中立即执行函数和闭包的区别

    函数声明
    规则:必须指定一个函数名字

    foo();
    function foo() {
    console.log("函数声明")
    }

    由于函数声明会被提升,所以调用函数可以在之前或之后调用

    函数表达式
    规则:将函数赋值给一个变量

    var foo = function () {
    console.log("函数表达式")
    }
    foo()

    由于函数表达式,只会对变量foo进行提升,只有运行到代码处,才会对变量foo进行赋值,所以调用函数必须在函数表达式之后

    立即执行函数
    常用的两种方式

    (function () {
    console.log("立即执行函数")
    })();
    
    (function () {
    console.log("立即执行函数")
    }())

    立即执行函数的演变
    1:在函数表达式后加括号,可以立即执行函数

    var foo = function () {
    console.log("立即执行函数")
    }();

    2:在匿名函数后加括号,不可以立即执行函数

    function () {
    console.log("立即执行函数")
    }();

    在函数表达式后加括号可以立即执行函数,但如果不把匿名函数赋值给变量,而直接在后边加一个括号,则会报语法错误。因为当JS引擎在遇到function时,会默认把它当作是函数声明,所以必须要有一个函数名

    3:在函数声明后加括号,不可以立即执行函数

    function foo() {
    console.log("立即执行函数")
    }()

    如果给匿名函数添加一个函数名,也就变成了函数声明,然后在函数声明后加括号,也会报语法错误,因为函数声明会被提升,当提升后就相当于在代码中只写了一对括号,而这个括号和前面的函数声明又没什么关系,所以语法报错

    javascript中,括号内不允许包含语句,但可以是表达式
    引擎先遇到括号,然后遇到关键字function , 就自动把括号里面的代码识别为函数表达式,而不是函数声明,所以立即执行函数可以这样写(function(){})()

    闭包
    定义:内部函数被外部函数以外的变量引用时,就形成了一个闭包
    常用方式示例:

    function foo() {
        var num = 10;
        return function () {
        var age= 20;
        console.log(++num);
        console.log(++age);
        }
    }
    var f = foo();
    f(); //11 21
    f(); //12 21

    通过闭包就可以让外部作用域访问函数内部作用域的变量,我们知道当函数执行完以后,会立即销毁,但 foo 函数内的 num 属性被内部的匿名函数引用着,而内部函数又被外部变量 f 引用着,所以函数 foo 在执行完以后虽然会立即销毁,但它内部的匿名函数在创建的时候就会随之创建一个特殊的容器,用于保存 上层作用域 中 变量 的引用,所以foo 函数中的 num 并不会销毁,当执行第一次 f() 时,会创建 f() 对应的作用域,其中num 会从之前创建的特殊的容器中取出上层作用域中变量的值,而 age 会立即声明一个,当函数执行完毕后,就会销毁对应的作用域,此时 age 也会随之销毁,但变量 f 对应的指针地址不会变,当再次执行 f() 时,又会再创建一个 f() 对应的作用域,num 还是会从上层作用域中拿,但 age 还是会重新声明,使用完后还是会被销毁。
    很显然这样会一直持有对 num 的引用,无法进行回收,造成内存占用,所以当不使用时,可以把 f 置为null,来让垃圾回收器进行回收。

    在Javascript中,如果一个对象不再被引用,那么这个对象就会被GC回收。
    如果两个对象互相引用,而不再被第3者所引用,那么这两个互相引用的对象也
    会被回收。因为函数a被b引用,b又被a外的c引用,这就是为什么函数a执行后
    不会被回收的原因


    闭包优点和缺点

    优点

    减少全局变量的使用,保证了内部变量的安全,同时外部函数也可以访问内部函数的变量
    在内存中维持一个变量,也可以用作缓存
    缺点

    被引用的内部变量不能被销毁,增大了内存消耗,使用不当易造成内存泄露,解决办法可以在内部变量不使用时,把外部的引用置为 null
    闭包就是函数间的跨作用域访问,会导致性能损失
    立即执行函数和闭包的区别
    立即执行函数和闭包没有关系,虽然两者会经常结合在一起使用,但两者有本质的不同

    立即执行函数只是函数的一种调用方式,只是声明完之后立即执行,这类函数一般都只是调用一次(可用于单例对象上),调用完之后会立即销毁,不会占用内存

    闭包则主要是让外部函数可以访问内部函数的作用域,也减少了全局变量的使用,保证了内部变量的安全,但因被引用的内部变量不能被销毁,增大了内存消耗,使用不当易造成内存泄露

    立即执行函数与闭包常结合示例

    如:单例

    let single = (function () {
    let name = "小明";
    let age = 20;
    return {
    getName: function () {
    return name;
    },
    getAge: function () {
    return age;
    }
    }
    })();
    console.log(single.getName()); //小明
    console.log(single.getAge()); //20

    给对象创建了私有变量name、age又对外提供了获取的方法,典型的自执行函数和闭包结合使用的示例


    原文链接:https://blog.csdn.net/Liu_yunzhao/article/details/90641956

  • 相关阅读:
    SQL查询语句中,any和all有什么区别?
    $(function(){...});
    在ASP.NET中TextBox和TextBoxFor的区别以及ValidationMessageFor的作用以及EditorFor等的作用和用法什么?
    Brt课程设计day3
    Brt课程设计day2
    day1
    .net 高级写法总结
    可能是目前最完整的前端框架 Vue.js 全面介绍
    redis live 如何安装
    百万级PHP网站架构工具箱
  • 原文地址:https://www.cnblogs.com/mk2016/p/12915517.html
Copyright © 2011-2022 走看看