js中變量作用域問題

　　首先看一個(gè)例子：

　　function Foo（） {

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

　　return this;

　　}

　　Foo中的getName理解為變量，它沒有var聲明， 所以先向當(dāng)前Foo函數(shù)作用域內(nèi)尋找getName變量，沒有。

　　再向當(dāng)前函數(shù)作用域上層，即外層作用域內(nèi)尋找是否含有g(shù)etName變量。

　　是一個(gè)從里到外尋找變量的過(guò)程， 會(huì)一直向上查找到window對(duì)象，若window對(duì)象中也沒有g(shù)etName屬性，就在window對(duì)象中var一個(gè)getName變量（全局變量）。

　　先貼上幾個(gè)例子的代碼截圖，方便從基礎(chǔ)理解之

　　JavaScript的函數(shù)定義有個(gè)特點(diǎn)，它會(huì)先掃描整個(gè)函數(shù)體的語(yǔ)句，把所有申明的變量“提升”到函數(shù)頂部。

　　‘use strict’;

　　function foo（） {

　　var x = ‘Hello， ’ + y;

　　alert（x）;

　　var y = ‘Bob’;

　　}

　　foo（）;

　　對(duì)于上述foo（）函數(shù)，JavaScript引擎看到的代碼相當(dāng)于：

　　function foo（） {

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

　　var x = ‘Hello， ’ + y;

　　alert（x）;

　　y = ‘Bob’;

　　}

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

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

　　function foo（） {

　　var

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

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

　　z， i; // z和i為undefined

　　// 其他語(yǔ)句：

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

　　。。.

　　}

　　}

　　JavaScript默認(rèn)有一個(gè)全局對(duì)象window

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

　　‘use strict’;

　　function foo（） {

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

　　//

　　}

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

　　}

　　為了解決塊級(jí)作用域，ES6引入了新的關(guān)鍵字let，用let替代var可以申明一個(gè)塊級(jí)作用域的變量

　　‘use strict’;

　　function foo（） {

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

　　//

　　}

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

　　}