JavaScript Day27 - IIFE (立即函式)

IIFE

• IIFE (立即函式)：IIFE (Immediately Invoked Function Expression) 是一个定义完马上就执行的 function
• 语法：(function)()，可以看到就是用 2 组 () 进行，第 1 个 () 包覆 function，可在第 2 个 () 带入参数
• function 内设定的变数不会影响全域
• 变数接收回传的值，而不是 function

function funa() {
    let a = "a";
    console.log(a);
}
// 没有呼叫 funa() 不会执行

(function () {
    let b = "b";
    console.log(b);
})();

console.log("c");
console.log(b);
// b
// c
// Uncaught ReferenceError: b is not defined

设定变数

(function (name) {
    console.log(`My name is ${name}`);
})('Barry'); // My name is Barry

赋予值给变数

let result = (function () {
    let name = "Barry";
    return name;
})();

console.log(result); // Barry
console.log(typeof result); // string

for 回圈，间隔时间印出

// 秒数不 *i 会在秒数到後一次输出全部
for(var i = 0; i < 5; i++){
    setTimeout(function(){
        console.log(i)}
    ,1000 * i)
}
// 5 5 5 5 5

for(var i = 0; i < 5; i++){
    (function(num){
        setTimeout(function(){
            console.log(num)}
        ,1000 * i)
    })(i)
}
// 0 1 2 3 4

for(let i = 0; i < 5; i++){
    setTimeout(function(){
        console.log(i)}
    ,1000 * i)
}
// 0 1 2 3 4

参考资料

MDN IIFE
JavaScript基本功修练：Day22 - 回传函式与立即函式(IIFE)
重新认识 JavaScript: Day 18 Callback Function 与 IIFE
立即函式 IIFE
Day20　立即呼叫的函式表示式(IIFE)
[笔记] 谈谈JavaScript中的IIFEs(Immediately Invoked Functions Expressions)

次回

补充一下网路请求的资料