1、Javascript變量作用域

javascript中，變量主要分為局部變量和全局變量兩種，對應的作用域也是局部作用域和全局作用域。

1 局部變量和作用域
局部變量一般在函數(shù)體內(nèi)部聲明使用：

function func(){
  var i=12;//局部變量
  ......
}

局部變量的作用域在聲明這個變量的函數(shù)體范圍內(nèi)使用。
局部變量的聲明周期從函數(shù)被調(diào)用執(zhí)行開始初始化，在函數(shù)調(diào)用執(zhí)行完畢之后被銷毀。

2、全局變量和作用域

全局變量一般在函數(shù)體外面聲明：

var i=12;//全局變量
function func(){
  ......
}

還有一種沒有聲明而直接使用的變量，默認為全局變量：

function func(){
  i=12;//沒有被聲明（使用var 關鍵字聲明），默認為全局變量
}

全局變量在當前頁面中所有的腳本和方法中都可以使用，作用域為當前頁面腳本中。
全局變量的聲明周期在變量被初始化時被創(chuàng)建，在當前頁面關閉的時候被銷毀。

2、typeof關鍵字

typeof關鍵字主要用來檢測變量的數(shù)據(jù)類型，JavaScript中主要的數(shù)據(jù)類型有string、number、Boolean、object等

console.log(typeof 'str');//string
console.log(typeof 23);//number
console.log(typeof false);//boolean
console.log(typeof [1,3,12]);//object
console.log(typeof {name:'jack',age:12});//object
console.log(typeof new Date());//object

注意： js中的數(shù)組、json對象都是object數(shù)據(jù)類型的

3、null和undefined

null和undefined在JavaScript中經(jīng)常出現(xiàn)，表示一個變量的值為空或者是一個變量未被定義。在表示值的時候，都可以表示為空值，但是在數(shù)據(jù)類型方面還是不一樣。

console.log(typeof null);//object
var persion = null;
console.log(persion);//null

console.log(typeof undefined);//undefined
var persion2;
console.log(persion2);//undefined

null的數(shù)據(jù)類型為object，undefined的數(shù)據(jù)類型就是undefined。
變量聲明，值為null，變量值為null；變量只聲明，沒有賦值，值為undefined。
再看一組對比：

console.log(null==undefined);//true 值相等
console.log(null===undefined);//false  類型不相等

這就可以看出來，null和undefined的表示值的時候，都表示空；null的數(shù)據(jù)類型為object，undefined的數(shù)據(jù)類型就是undefined。只聲明而沒有初始化的值都是undefined。

下面是補充

Situation One

<script>
　　var i; //全局變量
　　//方法名是camel命名法
　　//方法里面的變量是局部變量

　　function sayHello(){
　　var x=100;
　　alert(x);
　　x++;
　　}
　　sayHello(); //輸出100
　　alert(x); //報錯，因為x是局部變量，訪問不到
</script>

Situation Two

<script>
function sayHello(){
　　var x=100;
　　if(x==100){
　　　　var y=x+1;
　　　　alert(y); //輸出101
　　}
　　alert(y); //也輸出101，在方法內(nèi)部，不存在塊級作用域，在C#中就不可以了?。?！

　　for(var i=0;i<2;i++){
　　　　alert(i)
　　} //在for循環(huán)里面定義的變量是塊級作用域
　　alert(i); //因為i是局部變量，所以輸出2

}
sayHello();
</script>

注：變量使用前可以不用var聲明，這樣的變量會被認為是“全局變量”,但很少這樣用

關于undefined與null

有以下幾種情況的，變量的值為undefined
1、變量定義，但沒有賦值，則變量的值為undefined
2、調(diào)用的方法沒有返回值，在返回的值為undefined
3、對象的屬性值不存在，則返回值為undefined，如：document.ddd

Example1：

var xx;
var yy=null;

if(xx==yy){

　　alert('相等');

}

else{

　　alert('不等');
}

輸出結果為相等，因為在進行if判斷時，瀏覽器會對xx及yy進行值的判斷，因為兩者都沒有具體的值，認為他們都是false。
如果if判斷中換成===[全等于符號]，則輸出不等！因為===表示要求xx及yy的數(shù)據(jù)類型和值都要相同才可以！
 
Example2：

var xx=10
var yy='10';

if(xx==yy){

　　alert('相等');
}

else{

　　alert('不等');
}

輸出相等，如果換成===，則輸出不等

Example3：

var n='10';
switch(n){
　　case 10:

　　　　alert('數(shù)字');
　　break;

　　case '10':

　　　　alert('字符串');
　　break;
}

輸出 字符串
switch中的判斷要考慮類型

總結：if中的判斷是判斷數(shù)值，不考慮類型

最新評論