js 局部變量和全局變量

你的第一個問題：返回的是undefined呢？看到問題第一反應是用變量提升來幫你解答，但是看到第二個問題，你竟然問：不是應該也返回10嗎？突然猶豫要不要解答第一個問題了。

你這個幸好是var命中了js的awful parts
如果你試試const let，會直接報ReferenceError。

兄弟你哪個實參如果接收了false的話說明false為0 就不會走if語句內(nèi)的結構了 返回的結果自然就是undefined了

變量提升，盡量少用var，用let就明白咋回事了

變量提升，盡量把變量定義在代碼塊最前面

因為x沒定義啊
傳false等同于

function f(shouldInitialize: boolean) {
    return x;
}

瀉藥，這個問題，var是函數(shù)作用域也就是function級別。{}限制不了它的域，存在變量提示。
也就是js解釋器在解釋的時候第一遍會遍歷function里的變量做預聲明，然后再按行解析。
這道題，程序進入函數(shù)后：

1. 先聲明x，但是不賦值，為undefined
2. 然后解析if，發(fā)現(xiàn)為false，那么var x = 10; 這句不執(zhí)行，直接執(zhí)行 return x。然后就是undefined

你可以對比下面兩段代碼

function f(shouldInitialize = true) {
    console.log(x);
    if (shouldInitialize) {
        var x = 10;
    }

    return x;
}
f(false); // returns 'undefined'

function f(shouldInitialize = true) {
    console.log(x);
    if (shouldInitialize) {
        let x = 10;
    }

    return x;
}
f(false); // let 作用域是塊也就是{}，解析階段會報錯

該說的樓上都說了，我只是翻譯一下。

function f(shouldInitialize: boolean) {
    var x;//這就是所謂的聲明提升
    if (shouldInitialize) {
        x = 10;
    }

    return x;
}

f(true);  // returns '10'
f(false); // returns 'undefined'

這是作用域的問題。
用了var關鍵字，變量作用域提升，true的時候，if外面可見x，false的時候不走這里，外面看不到。

你可以試下let或者const，即使你true，直接報錯x沒定義。

（1）傳入?yún)?shù)為true時，if語句執(zhí)行，存在變量提升情況。此時，f()函數(shù)如下。

function f(shouldInitialize: boolean) {
    var x;  //變量提升
    if (shouldInitialize) {
       x = 10;
    }
    return x;
}

f(true);  // returns '10'

（2）傳入?yún)?shù)為false時，if語句對應的賦值語句沒有執(zhí)行，但依舊存在var變量聲明和變量提升。此時，f()函數(shù)如下。

//傳入?yún)?shù)為false時
function f(shouldInitialize: boolean) {
    var x；  //變量提升
    return x;
}

f(false);  // returns 'undefined'