javascript-IIFE

https://www.jianshu.com/p/ca50b6d0af9b

https://developer.mozilla.org/zh-CN/docs/Glossary/立即执行函数表达式

https://www.cnblogs.com/TomXu/archive/2011/12/29/2290308.html

将 IIFE 分配给一个变量，不是存储 IIFE 本身，而是存储 IIFE 执行后返回的结果。

const result = (function () {
    return '存储的是IIFE返回的结果'
})();
// 存储的是IIFE返回的结果
console.log(result);

常见的写法，当然了还有其它各种各样的写法。

<script>
    // const hello = function () {
    //     alert('hello func');
    // }
    // hello();
    // hello();

    // 自执行函数

    // 方式一
    (function () {
    alert('1111')
}());

// 方式二
(function () {
    alert('2222');
})();

+function () {
    alert('33333');
}();

-function () {
    alert('4444');
}();

!function () {
    alert('5555');
}();

~function () {
    alert('6666');
}();

void function (a) {
    alert('7777');
    console.log(a);
}(this);

const result = (function () {
    return '存储的是IIFE返回的结果'
})();
console.log(result);

</script>

作用域 & 提升

https://segmentfault.com/a/1190000000348228

Javascript 没有块级作用域，只有函数作用域，所以不是遇到一对花括号就代表产生新的作用域。比如遇到 if 时，解析器会将声明提升至当前作用域的顶部（这是默认行为，并且无法改变），这个行为就叫 Hoisting。

赏

谢谢你请我吃糖果

支付宝

微信