上周四吃完午飯，leader發了一道JavaScript的題目給我們做，我們Team裡面有做前端的，有做後台的，也有坐mobile web的，所以大家對題目的理解各自都不一樣，然後在QQ討論組裡面進行討論。發現雖然很基礎，但是通過討論收獲不少，分享出來。當然在有開發經驗的開發者看來，這些都是學習JavaScript最基礎的東西。因為平時都是用jQuery或者第三JS組件，所以對JavaScript基礎學習不夠重視。題目如下，問題是：2次alert分別輸出什麼結果？
<script
type="text/javascript">
var a = 1;
var a;
alert(typeof a);
(function () {
b = '-----';
var b;
})();
alert( typeof b);
</script>
我的答案是：1.undefined 2.undefined。然後leader讓我們再仔細考慮一下問題答案。我對題目的分析：
1.聲明a並賦值為1，然後用重新聲明a，但是此時沒有賦值，那變量默認值應該為undefined。
2.b變量是在函數裡面是局部變量，alert裡面輸出的是全局變量b，所以為undefiend。
我自己在Chrome裡面運行了一下代碼，代碼正確結果是1.number 2.undefined。這裡考察的是JavaScript的變量聲明提前概念。
我們在看另外一個例子，比如下面：
test();
function test(){
alert("Hello World!");
}
程序不會報錯，而已運行結果是：Hello World!。原理：計算機在開始執行語句之前，會先查找所有的function定義，然後保存相關的function。
第1題：
var a = 1;
var a;
第2行聲明變量a，就相當於在頂部聲明了a，然後第一句是重新聲明a，然後賦值為1。所以typeof a為number
第2題：
b = '-----';
var b;
第二題解析：b=‘-----’，程序首先會去查找上下文是否有變量b的聲明，如果有的話，直接賦值為’-----’。但是alert( typeof b); 是在函數外面，輸出的全局變量b，所有是undefined。
請注意：對變量的賦值操作並沒有提前。
接著看如下代碼段:
<script type="text/javascript">
name="aaa";
function test(){
alert(typeof name);
var name="bbb";
alert(typeof name);
}
test();
</script>
請寫出結果。
分析可以寫成如下代碼段：
name="aaa";
function test(){
alert(typeof name);//在函數內部查找上下文是否有name的聲明，有聲明。但是賦值操作不能提前，所以類型為undefined
var name="bbb";//賦值操作
alert(typeof name);//string
}
test();
但是下面代碼段，運行結果是什麼？
<script type="text/javascript">
alert(typeof name);
var name="hello world";
alert(typeof name);
</script>
程序運行結果是:string,string。這裡就弄暈了，不知道怎麼分析和解釋了。表明上我覺得我理解了變量聲明提前，但是用學到方法分析上面代碼段，我會得出錯誤的結果。那麼變量的賦值和在函數外部(全局變量)還是函數內部(局部變量)有關系?
網友評論:
應該說理解還算是正確的，不算誤解，而你最後的代碼之所以是兩個 string，那是機緣巧合所致。
在 Chrome 中，name 屬性默認已經定義了，初始化是空字符串。
其他浏覽器例如IE，則沒有。你只是剛好用了 name 這個變量名來做測試，剛好又是全局變量，剛好它是個字符串類型，剛好你想測的又剛好是個"hello world" 的字符串。