zoukankan      html  css  js  c++  java
  • JS:立即执行函数笔记

    立即执行函数

    IIFE: immediately invoked function expression
    最大的特点是:立即执行,执行完之后立即销毁

    1. 语法
    (function() {} ());
    (function() {})();
    两种都可以, W3C建议用第一种

    2. 特点
    a.参数(形参,实参)
    (function(a, b){
    console.log(a + b)
    }(1, 5));

    a,b是形参, 1,5是实参

    b.保存立即执行函数的返回值,只需将其return,然后用变量储存起来
    var num= (function(a, b){
    return a + b;
    }(1, 5));

    console.log(num); // 6

    c. 立即执行函数的函数名,有没有无所谓。
    因为立即执行函数在执行完之后会被立即销毁,所以函数名可以没有,看下面的例子:
    var num= (function add(a, b){
    return a + b;
    }(1, 5));

    console.log(add); // Uncaught ReferenceError: add is not defined

    var num= (function (){ console.log(1) }()); console.log(num); //输出结果 1 和undefined, 说明函数已经被执行,而且执行完之后被销毁了


    d. (.....) 无论括号里面是什么都回被认为是表达式
    (function(){}), 括号里面的函数会被当成表达式
    (1), 1会被当成表达式
    (1+2), 1+2会被当成表达式

    5. 只有表达式才能被执行函数执行,在表达式后面加括号就表示被执行了
    (function(){} () // 这个括号表示执行)

    var test = function() { console.log(1)}(); //可以执行,因为这是函数表达式

    function test(a) { console.log(a) }() //会报语法错误,因为test是函数声明,不是函数表达式



    6.将函数声明转换成函数表达式的方法:在函数表达式前面加 + - && || !

    !function test(a) { console.log(a) }();
    undefined || function test(a) { console.log(a) }();

    7. 函数声明加立即执行()发不会报错的情况:在执行符号后面加上参数

    function test(a) { console.log(a) }(1);
    这种情况不会报错,因为上面的情况会被浏览器解析成:
    function test(a) { console.log(a) }
    (1)
    一个函数声明加一个函数表达式;
    表达式还有一种特殊情况:
    (1, 2) //这种情况不会报错,浏览器会认最后一个,后面的东西, 最后一个,后面必须要有东西,不然会报错
  • 相关阅读:
    好用的视频播放器
    如何屏蔽weGame今日推荐窗口
    存一个大佬的地图编辑器
    过渡页面,加载进度
    Lua中正弦,余弦函数的使用
    如何替换loadingBar的底图
    使用精灵帧缓存替换纹理
    setTexture和loadTexture之间的区别
    我胡汉三又回来了
    python中单斜杆和双斜杠的区别
  • 原文地址:https://www.cnblogs.com/ycherry/p/11824194.html
Copyright © 2011-2022 走看看