1、Javascript變量作用域
javascript中,變量主要分為局部變量和全局變量兩種,對應的作用域也是局部作用域和全局作用域。
1 局部變量和作用域
局部變量一般在函數體內部聲明使用:
function func(){ var i=12;//局部變量 ......}
局部變量的作用域在聲明這個變量的函數體范圍內使用。
局部變量的聲明周期從函數被調用執行開始初始化,在函數調用執行完畢之后被銷毀。
2、全局變量和作用域
全局變量一般在函數體外面聲明:
var i=12;//全局變量function func(){ ......}
還有一種沒有聲明而直接使用的變量,默認為全局變量:
function func(){ i=12;//沒有被聲明(使用var 關鍵字聲明),默認為全局變量}
全局變量在當前頁面中所有的腳本和方法中都可以使用,作用域為當前頁面腳本中。
全局變量的聲明周期在變量被初始化時被創建,在當前頁面關閉的時候被銷毀。
2、typeof關鍵字
typeof關鍵字主要用來檢測變量的數據類型,JavaScript中主要的數據類型有string、number、Boolean、object等
console.log(typeof 'str');//stringconsole.log(typeof 23);//numberconsole.log(typeof false);//booleanconsole.log(typeof [1,3,12]);//objectconsole.log(typeof {name:'jack',age:12});//objectconsole.log(typeof new Date());//object
注意: js中的數組、json對象都是object數據類型的
3、null和undefined
null和undefined在JavaScript中經常出現,表示一個變量的值為空或者是一個變量未被定義。在表示值的時候,都可以表示為空值,但是在數據類型方面還是不一樣。
console.log(typeof null);//objectvar persion = null;console.log(persion);//nullconsole.log(typeof undefined);//undefinedvar persion2;console.log(persion2);//undefined
null的數據類型為object,undefined的數據類型就是undefined。
變量聲明,值為null,變量值為null;變量只聲明,沒有賦值,值為undefined。
再看一組對比:
console.log(null==undefined);//true 值相等console.log(null===undefined);//false 類型不相等
這就可以看出來,null和undefined的表示值的時候,都表示空;null的數據類型為object,undefined的數據類型就是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,在方法內部,不存在塊級作用域,在C#中就不可以了?。?! for(var i=0;i<2;i++){ alert(i) } //在for循環里面定義的變量是塊級作用域 alert(i); //因為i是局部變量,所以輸出2}sayHello();</script>
注:變量使用前可以不用var聲明,這樣的變量會被認為是“全局變量”,但很少這樣用
關于undefined與null
有以下幾種情況的,變量的值為undefined
1、變量定義,但沒有賦值,則變量的值為undefined
2、調用的方法沒有返回值,在返回的值為undefined
3、對象的屬性值不存在,則返回值為undefined,如:document.ddd
Example1:
var xx;var yy=null;if(xx==yy){ alert('相等');}else{ alert('不等');}
輸出結果為相等,因為在進行if判斷時,瀏覽器會對xx及yy進行值的判斷,因為兩者都沒有具體的值,認為他們都是false。
如果if判斷中換成===[全等于符號],則輸出不等!因為===表示要求xx及yy的數據類型和值都要相同才可以!
Example2:
var xx=10var yy='10';if(xx==yy){ alert('相等');}else{ alert('不等');}
輸出相等,如果換成===,則輸出不等
Example3:
var n='10';switch(n){ case 10: alert('數字'); break; case '10': alert('字符串'); break;}
輸出 字符串
switch中的判斷要考慮類型
總結:if中的判斷是判斷數值,不考慮類型
新聞熱點
疑難解答