js基礎之變量聲明提高

變量聲明的提高

這是js特有的一個特色，其餘語言都沒有這個特色。有些程序員挺反感這個特色的。

咱們如今先去改變變量的值，而後定義變量，因爲JS有一個機制，叫作變量聲明的提高，

javascript的變量聲明具備hoisting機制，JavaScript引擎在執行的時候，會把全部變量的聲明都提高到當前做用域的最前面。

因此如今程序在執行前會已經看見這個程序中有一行定義變量，因此就會提高到程序開頭去運行

1 2 3 4 5 6 7 8 9

var v = 'hello'; (function(){   　　console.log(v);   　　var v = 'world'   })()

 

 

 

 

 

 

 

 

 

 

 

//結果爲undefined

 

 

1 2 3 4 5 6 7 8 9

var v = 'hello'; if(true){   　　console.log(v);   　　var v = 'world'   }

 

 

 

 

 

 

 

 

輸出結果爲」hello」,說明javascript是沒有塊級做用域的。函數是JavaScript中惟一擁有自身做用域的結構。

 

由於javascript爲動態語言，其變量並無固定的類型，其存儲空間大小會隨初始化與賦值而變化，因此其變量的「定義」就不像傳統的靜態語言同樣了，其定義顯得可有可無。

聲明提高

當前做用域內的聲明都會提高到做用域的最前面，包括變量和函數的聲明

1 2 3 4 5 6

( function (){    var  a = "1" ;    var  f = function (){};    var  b = "2" ;    var  c = "3" ; })();

 

 

 

 

變量a,f,b,c的聲明會被提高到函數做用域的最前面，相似以下：

1 2 3 4 5 6 7

( function (){    var  a,f,b,c;    a = "1" ;    f = function (){};    b = "2" ;    c = "3" ; })();

 

 

 

 

請注意函數表達式並無被提高，這也是函數表達式與函數聲明的區別。進一步看兩者的區別：

1 2 3 4 5 6 7 8 9

( function (){    //var f1,function f2(){}; //hoisting,被隱式提高的聲明      f1(); //ReferenceError: f1 is not defined    f2();      var  f1 = function (){};    function  f2(){} })();

 

 

 

 

 

上面代碼中函數聲明f2被提高，因此在前面調用f2是沒問題的。雖然變量f1也被提高，

但f1提高後的值爲undefined,其真正的初始值是在執行到函數表達式處被賦予的。因此只有聲明是被提高的。

不寫var

        abc = 123;

        console.log(abc);//123

        定義abc的時候沒有寫var，程序沒有報錯，說明這個abc變量真的已經被定義成功了。

        不寫var定義了一個全局變量，做用域是不能控制的

javascript中一個名字(name)以四種方式進入做用域(scope)，其優先級順序以下：
一、語言內置：全部的做用域中都有 this 和 arguments 關鍵字
二、形式參數：函數的參數在函數做用域中都是有效的
三、函數聲明：形如function foo() {}
四、變量聲明：形如var bar;

名字聲明的優先級如上所示，也就是說若是一個變量的名字與函數的名字相同，那麼函數的名字會覆蓋變量的名字，

不管其在代碼中的順序如何。但名字的初始化倒是按其在代碼中書寫的順序進行的，不受以上優先級的影響。看代碼：

1 2 3 4 5 6 7 8 9

( function (){      var  foo;      console.log( typeof  foo); //function            function  foo(){}        foo = "foo" ;      console.log( typeof  foo); //string })();

 

 

 

 

 

若是形式參數中有多個同名變量，那麼最後一個同名參數會覆蓋其餘同名參數，即便最後一個同名參數並無定義。

以上的名字解析優先級存在例外，好比能夠覆蓋語言內置的名字arguments。

命名函數表達式

能夠像函數聲明同樣爲函數表達式指定一個名字，但這並不會使函數表達式成爲函數聲明。命名函數表達式的名字不會進入名字空間，也不會被提高。

1 2 3 4 5

f(); //TypeError: f is not a function foo(); //ReferenceError: foo is not defined var  f = function  foo(){console.log( typeof  foo);}; f(); //function foo(); //ReferenceError: foo is not defined

 

 

 

命名函數表達式的名字只在該函數的做用域內部有效。