JavaScript 學(xué)習(xí)筆記之變量及其作用域
一、變量
ECMAscript變量是松散型變量，所謂松散型變量，就是變量名稱可以保存任何類型的數(shù)據(jù)，每個變量僅僅是一個用于保存值的占位符。
定義：var firstDemo;
二、變量的作用域
2.1基本概念
使用var 定義變量：定義該變量的作用域的局部變量，這種定義變量的方法也被成為顯式聲明。
這么說不理解的話可以看看下面這個簡單粗暴的例子：
test();
function test(){
var firstDemo="hello";//定義局部變量
alert(firstDemo);//hello
}
test();
function test(){
var firstDemo="hello";//定義局部變量firstDemo
}
alert(firstDemo);//報錯，firstDemo is not define
由以上兩個例子可以看出，如果在一個函數(shù)中使用var 定義一個變量，那么該變量在函數(shù)退出后會被銷毀。
省略var 定義變量：只要調(diào)用一次定義該變量的函數(shù)，全局范圍內(nèi)都可訪問該變量。這種定義變量的方法也被成為隱式聲明
<script type="text/javascript">
test();
alert(firstDemo); //hello
function test(){
firstDemo="hello";
}
</script>
tips:顯式聲明的變量是在預(yù)編譯時就已經(jīng)編譯到調(diào)用對象中了，（例如var t=1;預(yù)編譯時執(zhí)行var t;解釋時執(zhí)行t=1;）不同于隱式聲明變量在解釋時才被定義為全局變量。
弄清楚變量的作用域，可以幫助我們思考如何合理聲明變量，這樣既減小了不必要的內(nèi)存開銷，同時能很大程度地避免變量重復(fù)定義而覆蓋先前定義的變量所造成的麻煩。
2.2作用域分析
<script type="text/javascript">
function demoFunction(s){
document.writeln(s)
}
var i=0; //定義全局變量
function test(){
demoFunction(i);
function innerFunction(){
var i = 1; //定義局部變量
demoFunction(i);
}
innerFunction();
demoFunction(i);
}
test();
</script>
輸出結(jié)果：0 1 0
<script type="text/javascript">
function demoFunction(s){
document.writeln(s)
}
var i=0;
function test(){
demoFunction(i);
function innerFunction(){
demoFunction(i);
var i=1;
demoFunction(i);
}
innerFunction();
demoFunction(i);
}
test();
</script>
輸出結(jié)果：
A、0 0 1 0
B、0 undefined 1 0
C、0 報錯i is not defined
各位可以猜測一下結(jié)果是哪一個，原因會在留言里詳解。
以上就是本文的全部內(nèi)容了，簡單的說任何程序語言中變量的作用域都是一個很關(guān)鍵的細節(jié)。JS中變量的作用域相對與JAVA、C這類語言顯得更自由，一個很大的特征就是JS變量沒有塊級作用域，函數(shù)中的變量在整個函數(shù)都中有效。
- JavaScript修改作用域外變量的方法
- 一道關(guān)于JavaScript變量作用域的面試題
- Angularjs全局變量被作用域監(jiān)聽的正確姿勢
- 淺析JavaScript中的變量復(fù)制、參數(shù)傳遞和作用域鏈
- 簡單談?wù)刯avascript中的變量、作用域和內(nèi)存問題
- JavaScript變量的作用域全解析
- JavaScript 變量、作用域及內(nèi)存
- Javascript變量的作用域和作用域鏈詳解
- js函數(shù)內(nèi)變量的作用域分析
- JavaScript中的變量作用域介紹
- 淺談Javascript變量作用域問題
- JavaScript 基礎(chǔ)函數(shù)_深入剖析變量和作用域
相關(guān)文章
本篇文章是對在JavaScript中實現(xiàn)各種跨域方法的介紹。需要的朋友參考下2013-05-05
先來學(xué)習(xí)一下Javascript語言中的基礎(chǔ)知識問題其時對于每種編程語言來說基礎(chǔ)知識都是大同小異的，對變量，函數(shù)，條件語句塊，循環(huán)語句塊等等,本文簡要介紹一下，感興趣的朋友可以了解下2013-01-01
Javascript學(xué)習(xí)筆記8 用JSON做原型
javascript學(xué)習(xí)筆記（二） 鼠標(biāo)經(jīng)過時，改變div塊的背景色的代碼
