JavaScript中實(shí)現(xiàn)塊作用域的方法
更新時間：2010年04月01日 17:45:25 作者：
在Javascript中由于沒有作用域的概念，所以很容易發(fā)生標(biāo)識符名稱的沖突，尤其是在比較大的項目中，這類情況更容易發(fā)生
例如下面這段代碼
{
var temp = "12";
}
alert(temp); //輸出 12
如果按照通常的編程經(jīng)驗，那么alert函數(shù)是不可以訪問到temp變量的，因為它在另外一個塊中，但是在JavaScript中，卻沒有塊作用域的概念，所以這種語法對JS不起作用，但是我們在寫JS程序的時候，尤其是比較大的程序或是程序庫，為了防止命名沖突，又需要一種控制變量作用域的機(jī)制，所以這里介紹一種比較普遍的方式，來實(shí)現(xiàn)塊作用域的概念，代碼如下：
(function() {
var temp = "123";
})();
alert(temp); //輸出錯誤
如上面的代碼，定義了一個函數(shù)表達(dá)式，然后馬上調(diào)用它，這種形式模仿了塊作用域的概念，保護(hù)了塊內(nèi)的命名空間，這種方式在一些比較大的程序庫中很好用
（例如JQuery），有效的避免了命名沖突。事實(shí)上JQuery正是使用的這種方式來實(shí)現(xiàn)塊作用域的。
復(fù)制代碼 代碼如下:
{
var temp = "12";
}
alert(temp); //輸出 12
如果按照通常的編程經(jīng)驗，那么alert函數(shù)是不可以訪問到temp變量的，因為它在另外一個塊中，但是在JavaScript中，卻沒有塊作用域的概念，所以這種語法對JS不起作用，但是我們在寫JS程序的時候，尤其是比較大的程序或是程序庫，為了防止命名沖突，又需要一種控制變量作用域的機(jī)制，所以這里介紹一種比較普遍的方式，來實(shí)現(xiàn)塊作用域的概念，代碼如下：
復(fù)制代碼 代碼如下:
(function() {
var temp = "123";
})();
alert(temp); //輸出錯誤
如上面的代碼，定義了一個函數(shù)表達(dá)式，然后馬上調(diào)用它，這種形式模仿了塊作用域的概念，保護(hù)了塊內(nèi)的命名空間，這種方式在一些比較大的程序庫中很好用
（例如JQuery），有效的避免了命名沖突。事實(shí)上JQuery正是使用的這種方式來實(shí)現(xiàn)塊作用域的。
您可能感興趣的文章:
- JavaScript詞法作用域與調(diào)用對象深入理解
- JavaScript中的作用域鏈和閉包
- javascript作用域容易記錯的兩個地方分析
- 深入理解JavaScript系列（14） 作用域鏈介紹(Scope Chain)
- 淺談javascript中的作用域
- js變量以及其作用域詳解
- js使用函數(shù)綁定技術(shù)改變事件處理程序的作用域
- javascript權(quán)威指南 學(xué)習(xí)筆記之變量作用域分享
- javascript中的作用域scope介紹
- 關(guān)于JavaScript中var聲明變量作用域的推斷
- JavaScript.The.Good.Parts閱讀筆記（二）作用域&閉包&減緩全局空間污染
- Javascript 變量作用域 兩個可能會被忽略的小特性
- Javascript學(xué)習(xí)筆記3 作用域
- JavaScript的變量作用域深入理解
- Javascript 作用域使用說明
- JavaScript 變量作用域及閉包
- javascript 變量作用域 代碼分析
- javascript變量作用域使用中常見錯誤總結(jié)
相關(guān)文章
javascript 樹形導(dǎo)航菜單實(shí)例代碼
本文章來給大家提供一款適用于網(wǎng)站后臺的使用的javascript 樹形導(dǎo)航菜單特效代碼，有需要了解的同學(xué)可以參考一下2013-08-08
這篇文章主要介紹了Javascript中的作用域和上下文深入理解,本文講解了作用域 VS 上下文、變量作用域、“this”上下文、執(zhí)行上下文(Execution Context)、作用域鏈等內(nèi)容,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細(xì)介紹了基于bootstrap風(fēng)格的彈框插件，適用于確認(rèn)框、提示框，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
第一次接觸JS require.js模塊化工具，本文為大家介紹了JS模塊化工具require.js教程第一課認(rèn)識require.js，編寫require.js，感興趣的小伙伴們可以參考一下2016-04-04
在js中去除空格并不是可以直接使用trim來刪除，它在js中并不像我們想的那么好用，特別像我要刪除前后空格這個trim函數(shù)更不可靠了2013-11-11
js實(shí)現(xiàn)帶三角符的手風(fēng)琴效果
本文主要介紹了js實(shí)現(xiàn)帶三角符手風(fēng)琴效果的實(shí)例。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03
我們在很多大型門戶網(wǎng)站都會有看到有些一熱點(diǎn)新聞都會一直向上滾動，下面我就來給大家推薦一款Javascript中熱點(diǎn)新聞滾動特效代碼，有需要了解的朋友可以參考一下2013-08-08
下面小編就為大家?guī)硪黄仙Ｕ刯s中0到底是 true 還是 false。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
這段時間翻了一番JavaScript的api，發(fā)現(xiàn)不少好的輪子，省去造的麻煩了。下面給大家匯總一下，有需要的小伙伴可以參考下。2015-05-05
這篇文章主要是對判斷javascript的數(shù)據(jù)類型的判斷方式進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2015-10-10