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)鍵的細(xì)節(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中的函數(shù)、對象，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等解決方法
javascript 構(gòu)造函數(shù)方式定義對象
JavaScript關(guān)鍵字this的用法總結(jié)
