現(xiàn)象:
1. 在JavaScript中變量和函數(shù)的聲明會提升到最頂部執(zhí)行。
2. 函數(shù)的提升高于變量的提升。
3. 函數(shù)內(nèi)部如果用var聲明了相同名稱的外部變量,函數(shù)將不再向上尋找。
4. 匿名函數(shù)不會提升。
5. 不同<script>塊中的函數(shù)互不影響。
例子:
函數(shù)聲明提升高于變量聲明
//同時聲明變量a和函數(shù)avar a;function a() {} alert(typeof a); //顯示的是"function",初步證明function的優(yōu)先級高于var。//先聲明函數(shù)后聲明變量,證明上邊的例子不是function覆蓋了變量function a() {}var a; alert(typeof a); //顯示的仍是"function",而不是"undefined",即function的優(yōu)先級高于var。//聲明了變量的同時賦值function a() {}var a = 1;alert(typeof a); //number,此時不是function了。//說明:"var a=1"相當(dāng)于"var a;a=1",即先聲明,后賦值,"a=1"相當(dāng)于把a重新賦值了,自然就是number!
函數(shù)內(nèi)部用var定義了和外部相同的變量,函數(shù)將不再向上找外部的變量
var value = 'hello';function show() { alert(value); if (!value) { var value = 'function'; } alert(value);}show() //此處調(diào)用函數(shù)依次彈出 "undefined", "function"http://上例相當(dāng)于var value = 'hello';function show() { var value; //注意這行 alert(value); if (!value) { value = 'function'; //這行去掉var } alert(value);}show()//1.如果上列中show內(nèi)部定義value未用var,則會用到外部的變量,彈出"hello", "hello"。 //2.如果函數(shù)內(nèi)部未定義value,也能獲取到外部的value值。
匿名函數(shù)不會向上提升
getName()var getName = function () { alert('closule')}function getName() { alert('function')}getName()//上邊的代碼相當(dāng)于function getName() { //函數(shù)向上提升 alert('function')}getName()var getName = function () { alert('closule')}getName()//代碼執(zhí)行分別彈出 "function", "closule"
不同<script>塊中的函數(shù)互不影響
<script> getName() var getName = function () { alert('closule') }<script><script> function getName() { alert('function') }<script>//代碼執(zhí)行報錯:TypeError: getName is not a function//因為第一個<script>塊中g(shù)etName()函數(shù)未定義,匿名函數(shù)又不會向上提升
以上這篇淺談JavaScript中變量和函數(shù)聲明的提升就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答