js中變量作用域問題

　　首先看一個例子：

　　function Foo（） {

　　getName = function （） { alert （1）; };

　　return this;

　　}

　　Foo中的getName理解為變量，它沒有var聲明， 所以先向當前Foo函數作用域內尋找getName變量，沒有。

　　再向當前函數作用域上層，即外層作用域內尋找是否含有getName變量。

　　是一個從里到外尋找變量的過程， 會一直向上查找到window對象，若window對象中也沒有getName屬性，就在window對象中var一個getName變量（全局變量）。

　　先貼上幾個例子的代碼截圖，方便從基礎理解之

　　JavaScript的函數定義有個特點，它會先掃描整個函數體的語句，把所有申明的變量“提升”到函數頂部。

　　‘use strict’;

　　function foo（） {

　　var x = ‘Hello， ’ + y;

　　alert（x）;

　　var y = ‘Bob’;

　　}

　　foo（）;

　　對于上述foo（）函數，JavaScript引擎看到的代碼相當于：

　　function foo（） {

　　var y; // 提升變量y的申明

　　var x = ‘Hello， ’ + y;

　　alert（x）;

　　y = ‘Bob’;

　　}

　　把var y = ‘Bob’;拆分為了 var y ;y=‘Bob’;所以y的值為undefined

　　所以為了避免各種怪異事件的發生，最好在函數開頭聲明需要的變量；

　　function foo（） {

　　var

　　x = 1， // x初始化為1

　　y = x + 1， // y初始化為2

　　z， i; // z和i為undefined

　　// 其他語句：

　　for （i=0; i《100; i++） {

　　。。.

　　}

　　}

　　JavaScript默認有一個全局對象window

　　直接訪問全局變量a和訪問window.a是完全一樣的

　　‘use strict’;

　　function foo（） {

　　for （var i=0; i《100; i++） {

　　//

　　}

　　i += 100; // 仍然可以引用變量i

　　}

　　為了解決塊級作用域，ES6引入了新的關鍵字let，用let替代var可以申明一個塊級作用域的變量

　　‘use strict’;

　　function foo（） {

　　for （var i=0; i《100; i++） {

　　//

　　}

　　i += 100; // 仍然可以引用變量i

　　}