淺談JavaScript中變數和函數宣告的提升

現象：

1. 在JavaScript中變數和函數的宣告會提升到最頂端執行。

2. 函數的提升高於變數的提升。

3. 函數內部如果用var聲明了相同名稱的外部變量，函數將不再向上尋找。

4. 匿名函數不會提升。

5. 不同<script>區塊中的函數互不影響。 </script>

範例：

函數宣告提升高於變數宣告

//同时声明变量a和函数a
var 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定義了和外部相同的變量，函數將不再向上找外部的變數

reee不會向上提升

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值。

不同<script>區塊中的函數互不影響<p><p><pre class="brush:php;toolbar:false">getName() var getName = function () { alert(&#39;closule&#39;) } function getName() { alert(&#39;function&#39;) } getName() //上边的代码相当于 function getName() { //函数向上提升 alert(&#39;function&#39;) } getName() var getName = function () { alert(&#39;closule&#39;) } getName() //代码执行分别弹出 "function", "closule"<p>以上這篇淺談Java中變數和功能聲明的提升就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持PHP中文網。 <p>更多淺談JavaScript中變數和函數宣告的提升相關文章請關注PHP中文網！ <p></script>