Javascript學(xué)習(xí)筆記二 之 變量
更新時(shí)間:2010年12月15日 21:58:24 作者:
上面描述了數(shù)據(jù)類型,學(xué)習(xí)完數(shù)據(jù)類型就不得不提到變量。
一.關(guān)于Javascript變量聲明
在Javascript中,聲明一個(gè)變量
var a=1;
也可以直接
a=1;
這兩種表達(dá)是有區(qū)別的,
一個(gè)是當(dāng)前作用域的局部變量,另一個(gè)則是當(dāng)前作用域的全局變量;
Javascript語言的特殊之處,就在于函數(shù)內(nèi)部可以直接讀取全局變量。
var n=999;
function f1(){
alert(n);
}
f1(); // 999
另一方面,在函數(shù)外部自然無法讀取函數(shù)內(nèi)的局部變量。
function f1(){
var n=999;
}
alert(n); // error
二.Javascript變量作用域鏈
var x='000 ';
document.writeln(x); //得出'000 '
a();
function a(){
var x='aaa ';
function b(){
document.writeln(x); //undefined
var x='bbb ';
document.writeln(x); //bbb
}
b();
document.writeln(x); //aaa
}
//結(jié)果是:000 undefined bbb aaa
原理:
當(dāng)變量使用時(shí),先從函數(shù)塊(權(quán)威指南中用調(diào)用對(duì)象來解釋)中找,
如果找不到,從上一級(jí)函數(shù)塊找,直到找到,
如果直到頂層代碼(指var x='000 ';的位置)還沒找到定義,代碼會(huì)報(bào)未定義錯(cuò)誤。
1.按順序執(zhí)行的順序,輸出x '000 '(這個(gè)沒問題);
2.然后執(zhí)行a()
3.在a()中執(zhí)行b()
4.b()中需要輸出x,該函數(shù)體內(nèi)(作用域)有x定義,但是還未賦值,因此輸出undefined;(重點(diǎn)?。?
5.然后再輸出x,x已賦值,因此輸出bbb;
6.最后輸出aaa;
了解了以上原理,我們來看下面的例子
var x = "global";
function f() {
var x='f1';
function f2(){
x='f2' ;//這里我有些混淆,GLOBAL的X應(yīng)該重新被賦值為'f2'
alert(x); //返回"f2"
alert(window.x); //返回"global"
}
f2();
alert(x) //返回"f2"
}
f();
alert(x); //返回"global",沒有被重新賦值為:f2
//結(jié)果分別彈出:f2 global f2 global
解釋:
首先執(zhí)行f()中的f2(),
f2()為內(nèi)部函數(shù)產(chǎn)生一個(gè)作用域,因此x=‘f2'修改的是f()中的x值,而非全局x.
alert(x);為‘f2',alert(window.x)為‘global'.
然后執(zhí)行alert(x);這個(gè)x的作用域?yàn)槿?,為‘global'
三.給新手的建議
1.減少全局變量(解決方案:把變量封裝到對(duì)象中)
引用:
“把你踩在全局的那些亂七八糟的腳印都?xì)w于一人名下,能顯著降低與其他應(yīng)用、小工具或JS庫沖突的可能性。”
– Douglas Crockford
var name = 'Jeffrey';
var lastName = 'Way';
function doSomething() {...}
console.log(name); // Jeffrey -- or window.name
更好的寫法
var DudeNameSpace = {
name : 'Jeffrey',
lastName : 'Way',
doSomething : function() {...}
}
console.log(DudeNameSpace.name); // Jeffrey
注意看,我們是如何戲劇化地把“亂七八糟的腳印”都?xì)w到“DudeNameSpace”這對(duì)象之下的;
2.一長(zhǎng)列變量聲明?別寫那么多var,用逗號(hào)吧
var someItem = 'some string';
var anotherItem = 'another string';
var oneMoreItem = 'one more string';
更好的寫法
var someItem = 'some string',
anotherItem = 'another string',
oneMoreItem = 'one more string';
不言自明。我不知道這樣做能否提升代碼執(zhí)行速度,但是確實(shí)讓你的代碼干凈許多。
在Javascript中,聲明一個(gè)變量
var a=1;
也可以直接
a=1;
這兩種表達(dá)是有區(qū)別的,
一個(gè)是當(dāng)前作用域的局部變量,另一個(gè)則是當(dāng)前作用域的全局變量;
Javascript語言的特殊之處,就在于函數(shù)內(nèi)部可以直接讀取全局變量。
復(fù)制代碼 代碼如下:
var n=999;
function f1(){
alert(n);
}
f1(); // 999
另一方面,在函數(shù)外部自然無法讀取函數(shù)內(nèi)的局部變量。
復(fù)制代碼 代碼如下:
function f1(){
var n=999;
}
alert(n); // error
二.Javascript變量作用域鏈
復(fù)制代碼 代碼如下:
var x='000 ';
document.writeln(x); //得出'000 '
a();
function a(){
var x='aaa ';
function b(){
document.writeln(x); //undefined
var x='bbb ';
document.writeln(x); //bbb
}
b();
document.writeln(x); //aaa
}
//結(jié)果是:000 undefined bbb aaa
原理:
當(dāng)變量使用時(shí),先從函數(shù)塊(權(quán)威指南中用調(diào)用對(duì)象來解釋)中找,
如果找不到,從上一級(jí)函數(shù)塊找,直到找到,
如果直到頂層代碼(指var x='000 ';的位置)還沒找到定義,代碼會(huì)報(bào)未定義錯(cuò)誤。
1.按順序執(zhí)行的順序,輸出x '000 '(這個(gè)沒問題);
2.然后執(zhí)行a()
3.在a()中執(zhí)行b()
4.b()中需要輸出x,該函數(shù)體內(nèi)(作用域)有x定義,但是還未賦值,因此輸出undefined;(重點(diǎn)?。?
5.然后再輸出x,x已賦值,因此輸出bbb;
6.最后輸出aaa;
了解了以上原理,我們來看下面的例子
復(fù)制代碼 代碼如下:
var x = "global";
function f() {
var x='f1';
function f2(){
x='f2' ;//這里我有些混淆,GLOBAL的X應(yīng)該重新被賦值為'f2'
alert(x); //返回"f2"
alert(window.x); //返回"global"
}
f2();
alert(x) //返回"f2"
}
f();
alert(x); //返回"global",沒有被重新賦值為:f2
//結(jié)果分別彈出:f2 global f2 global
解釋:
首先執(zhí)行f()中的f2(),
f2()為內(nèi)部函數(shù)產(chǎn)生一個(gè)作用域,因此x=‘f2'修改的是f()中的x值,而非全局x.
alert(x);為‘f2',alert(window.x)為‘global'.
然后執(zhí)行alert(x);這個(gè)x的作用域?yàn)槿?,為‘global'
三.給新手的建議
1.減少全局變量(解決方案:把變量封裝到對(duì)象中)
引用:
“把你踩在全局的那些亂七八糟的腳印都?xì)w于一人名下,能顯著降低與其他應(yīng)用、小工具或JS庫沖突的可能性。”
– Douglas Crockford
復(fù)制代碼 代碼如下:
var name = 'Jeffrey';
var lastName = 'Way';
function doSomething() {...}
console.log(name); // Jeffrey -- or window.name
更好的寫法
復(fù)制代碼 代碼如下:
var DudeNameSpace = {
name : 'Jeffrey',
lastName : 'Way',
doSomething : function() {...}
}
console.log(DudeNameSpace.name); // Jeffrey
注意看,我們是如何戲劇化地把“亂七八糟的腳印”都?xì)w到“DudeNameSpace”這對(duì)象之下的;
2.一長(zhǎng)列變量聲明?別寫那么多var,用逗號(hào)吧
復(fù)制代碼 代碼如下:
var someItem = 'some string';
var anotherItem = 'another string';
var oneMoreItem = 'one more string';
更好的寫法
復(fù)制代碼 代碼如下:
var someItem = 'some string',
anotherItem = 'another string',
oneMoreItem = 'one more string';
不言自明。我不知道這樣做能否提升代碼執(zhí)行速度,但是確實(shí)讓你的代碼干凈許多。
相關(guān)文章
JavaScript lastIndexOf方法入門實(shí)例(計(jì)算指定字符在字符串中最后一次出現(xiàn)的位置)
這篇文章主要介紹了JavaScript字符串對(duì)象的lastIndexOf方法入門實(shí)例,lastIndexOf方法用于計(jì)算指定字符在字符串中最后一次出現(xiàn)的位置,需要的朋友可以參考下2014-10-10Javascript typeof與instanceof的區(qū)別
JavaScript 中 typeof 和 instanceof 常用來判斷一個(gè)變量是否為空,或者是什么類型的。但它們之間還是有區(qū)別的,需要的朋友可以參考下2016-10-10關(guān)于eval 與new Function 到底該選哪個(gè)?
本篇文章小編將為大家介紹,關(guān)于eval 與new Function 到底該選哪個(gè)?有需要的朋友可以參考一下2013-04-04簡(jiǎn)單總結(jié)JavaScript中的String字符串類型
就像其他語言那樣,js中的字符串類型可以表示一串字符,由雙引號(hào)包住,這里簡(jiǎn)單總結(jié)JavaScript中的String字符串類型的一些基礎(chǔ)知識(shí)2016-05-05常用的Javascript數(shù)據(jù)驗(yàn)證插件
本文主要介紹的是常用的Javascript數(shù)據(jù)驗(yàn)證插件,包括電話號(hào)碼驗(yàn)證,郵件驗(yàn)證,身份證驗(yàn)證,需要的朋友可以參考下2015-08-08簡(jiǎn)介JavaScript中的sub()方法的使用
這篇文章主要介紹了JavaScript中的sub()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06