資訊專(zhuān)欄INFORMATION COLUMN
摘要：編寫(xiě)高質(zhì)量的要點(diǎn)深入理解系列一知識(shí)點(diǎn)最小全局變量全局變量命名易與第三方的腳本引起沖突所以盡可能少的使用全局變量是很重要的相關(guān)策略有命名空間模式或是函數(shù)立即自動(dòng)執(zhí)行，但是要想讓全局變量少最重要的還是始終使用來(lái)聲明變量。
Title: 編寫(xiě)高質(zhì)量Javascript的要點(diǎn)-Review深入理解Javascript系列(一)
date: 2017-6-9 14:14:20
全局變量命名易與第三方的腳本引起沖突,所以盡可能少的使用全局變量是很重要的.相關(guān)策略有:命名空間模式或是函數(shù)立即自動(dòng)執(zhí)行，但是要想讓全局變量少最重要的還是始終使用var來(lái)聲明變量。
幾種不經(jīng)意之間聲明的全局變量示例(反例)//第一種
function sum(x,y){
result = x+y;//隱式聲明了全局變量result
return result;
}
//第二種
function foo(){
//這邊是首先聲明了全局變量b,賦值0,又將b的引用指向a;
var a=b=0;
}
隱式全局變量與明確定義的全局變量的差別
通過(guò)var聲明的全局變量,通過(guò)delete操作符是無(wú)法刪除的
沒(méi)有通過(guò)var聲明的隱式全局變量,可以通過(guò)delete刪除
注:
在技術(shù)上，隱式全局變量并不是真正的全局變量，但它們是全局對(duì)象的屬性。屬性是可以通過(guò)delete操作符刪除的，而變量是不能的
在瀏覽器中,全局對(duì)象可以通過(guò)window的屬性來(lái)訪問(wèn).
在任何層級(jí)的作用域中訪問(wèn)全局對(duì)象:
var global = (function(){
return this;
}());
//這個(gè)方法可以隨時(shí)訪問(wèn)全局對(duì)象,因?yàn)槠浔划?dāng)做函數(shù)調(diào)用了,this總是指向全局對(duì)象.
聲明變量的小技巧:單var形式
舉個(gè)栗子吧:
function foo(){
var a=1,
b=2,
c=a+b,
obj={},
$dom = document.getElementById("demo"),
k,m;
//....
}
預(yù)解析:var的散布問(wèn)題(Hosting:A Problem with Scattered vars)
對(duì)于JavaScript，只要你的變量是在同一個(gè)作用域中（同一函數(shù)），它都被當(dāng)做是聲明的，即使是它在var聲明前使用的時(shí)候。
栗子:
a = "hehehe";
function foo(){
console.log(a);//undefined
var a = "abcd";//a在此被當(dāng)作了局部變量,雖然是在之后聲明的
console.log(a);//abcd
}
foo();
Javascript代碼執(zhí)行分為兩個(gè)階段:
for循環(huán)的優(yōu)化(For Loops)1.變量,函數(shù)聲明以及正常格式的參數(shù)創(chuàng)建,這是一個(gè)解析和進(jìn)入上下文的階段
2.代碼執(zhí)行,函數(shù)表達(dá)式和不合格的標(biāo)識(shí)符被創(chuàng)建.
HTMLCollections指DOM方法返回的對(duì)象.如:
document.getElementsByName(); document.getElementsByClassName(); document.getElementsByTagName(); document.images; document.links; document.forms; document.forms[0].elements;//頁(yè)面第一個(gè)表單的所有域
HTML集合,在每次訪問(wèn)其長(zhǎng)度時(shí)會(huì)實(shí)時(shí)的查詢DOM,DOM操作相對(duì)來(lái)說(shuō)比較昂貴.
