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