深入理解JS中的變量及作用域、undefined與null
1、Javascript變量作用域
javascript中，變量主要分為局部變量和全局變量兩種，對應的作用域也是局部作用域和全局作用域。
1 局部變量和作用域
局部變量一般在函數體內部聲明使用：
function func(){
var i=12;//局部變量
......
}
局部變量的作用域在聲明這個變量的函數體范圍內使用。
局部變量的聲明周期從函數被調用執(zhí)行開始初始化，在函數調用執(zhí)行完畢之后被銷毀。
2、全局變量和作用域
全局變量一般在函數體外面聲明：
var i=12;//全局變量
function func(){
......
}
還有一種沒有聲明而直接使用的變量，默認為全局變量：
function func(){
i=12;//沒有被聲明（使用var 關鍵字聲明），默認為全局變量
}
全局變量在當前頁面中所有的腳本和方法中都可以使用，作用域為當前頁面腳本中。
全局變量的聲明周期在變量被初始化時被創(chuàng)建，在當前頁面關閉的時候被銷毀。
2、typeof關鍵字
typeof關鍵字主要用來檢測變量的數據類型，JavaScript中主要的數據類型有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中的數組、json對象都是object數據類型的
3、null和undefined
null和undefined在JavaScript中經常出現，表示一個變量的值為空或者是一個變量未被定義。在表示值的時候，都可以表示為空值，但是在數據類型方面還是不一樣。
console.log(typeof null);//object var persion = null; console.log(persion);//null console.log(typeof undefined);//undefined var 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循環(huán)里面定義的變量是塊級作用域
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=10
var yy='10';
if(xx==yy){
alert('相等');
}
else{
alert('不等');
}
輸出相等，如果換成===，則輸出不等
Example3：
var n='10';
switch(n){
case 10:
alert('數字');
break;
case '10':
alert('字符串');
break;
}
輸出 字符串
switch中的判斷要考慮類型
總結：if中的判斷是判斷數值，不考慮類型
相關文章
javascript 正則表達式使用實例，挺有意思的，既不是基礎也不是技巧就是解決例子。2010-05-05
這篇文章主要為大家詳細介紹了js實現倒計時的關鍵代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
在解決js的跨域問題的時候， 有多種方式， 其中有一種是利用script標簽的src屬性，因為這個屬性是不受域名限制的，我們可以直接讓src的這個鏈接指向跨域網站的一個接口， 這個接口返回的是js代碼或者json格式數據， 從而實現跨域獲取數據。2014-11-11
在一些購物平臺經常需要將商品加入購物車，像加入購物車按鈕、結算按鈕、收貨列表添加地址按鈕都是按鈕懸浮底部的，怎么實現這樣的功能呢？下面小編給大家?guī)砹瞬僮靼粹o懸浮固定在微信小程序底部的實現代碼，一起看看吧2019-08-08
這篇文章主要介紹了JS實現鼠標點擊箭頭旋轉180度的效果,通過點擊三角按鈕旋轉180度,本文通過實例代碼給大家介紹的非常詳細,需要的朋友參考下吧2024-02-02
今天小編就為大家分享一篇layui layer select 選擇被遮擋的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要介紹了簡單了解TypeScript中如何繼承 Error 類，一個典型的網站服務器可能需要有 NetworkError, DatabaseError, UnauthorizedError 等。 我們希望這些類都擁有 Error 的特性：有錯誤消息、有調用棧、有方便打印的 toString 等。,需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細介紹了js實現一個頁面多個倒計時的3種方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-02-02
本篇文章主要介紹了微信小程序開發(fā)之麥克風動畫：幀動畫、放大、淡出的相關資料。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
這篇文章主要介紹了JavaScript中的類與實例實現方法,非常巧妙的模擬了類與實例的實現過程,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01