javascript 變量作用域 代碼分析
更新時間：2009年06月26日 13:20:55 作者：
作用域（scope）是javascript中一項令人棘手的的特性。所有面向對象編程語言都有某種形式的作用域，不過和把這個概念放在什么上下文中有關。在javascript里，作用域是由函數(shù)劃分的。
代碼清單1-1 展示javascript的變量作用域的例子
//設置全局變量foo,并置為"test"
var foo = "test";
//在if塊中
if(true){
//將foo置為'new test'
var foo = "new test";
}
//如我們所見，現(xiàn)在foo等于'new test'了
alert(foo == "new test");
//創(chuàng)建一個會修改變量foo的新函數(shù)
function test(){
var foo = "old test";
}
//然而在調用時，foo只在函數(shù)作用域內起作用
test();
//這里確認了foo 還是等于'new test'
alert(foo == "new test");
基于瀏覽器的javascript 的一個有趣的特性是，所有屬于全局變量作用域的變量其實都是window對象的屬性。
代碼清單1-2 javascript中全局作用域和window對象
//一個全局作用域下的變量，存儲了字符串'test'
var test = 'test';
//你可以看到我們的全局變量和window對象的test屬性是一致的
alert(test == window.test)
最后如果變量沒有顯式定義，它就是全局定義的，雖然它可能只在這個函數(shù)作用域的范圍內使用。
代碼清單1-3 隱式全局作用域的變量聲明
//一個設置了foo值的函數(shù)
function test(){
foo = "test";
}
//調用此函數(shù)以設置foo的值
test();
//我們發(fā)現(xiàn)foo現(xiàn)在是全局作用域下
alert(window.foo == "test");
//設置全局變量foo,并置為"test"
var foo = "test";
//在if塊中
if(true){
//將foo置為'new test'
var foo = "new test";
}
//如我們所見，現(xiàn)在foo等于'new test'了
alert(foo == "new test");
//創(chuàng)建一個會修改變量foo的新函數(shù)
function test(){
var foo = "old test";
}
//然而在調用時，foo只在函數(shù)作用域內起作用
test();
//這里確認了foo 還是等于'new test'
alert(foo == "new test");
基于瀏覽器的javascript 的一個有趣的特性是，所有屬于全局變量作用域的變量其實都是window對象的屬性。
代碼清單1-2 javascript中全局作用域和window對象
//一個全局作用域下的變量，存儲了字符串'test'
var test = 'test';
//你可以看到我們的全局變量和window對象的test屬性是一致的
alert(test == window.test)
最后如果變量沒有顯式定義，它就是全局定義的，雖然它可能只在這個函數(shù)作用域的范圍內使用。
代碼清單1-3 隱式全局作用域的變量聲明
//一個設置了foo值的函數(shù)
function test(){
foo = "test";
}
//調用此函數(shù)以設置foo的值
test();
//我們發(fā)現(xiàn)foo現(xiàn)在是全局作用域下
alert(window.foo == "test");
您可能感興趣的文章:
- JavaScript詞法作用域與調用對象深入理解
- JavaScript中的作用域鏈和閉包
- javascript作用域容易記錯的兩個地方分析
- 深入理解JavaScript系列（14） 作用域鏈介紹(Scope Chain)
- 淺談javascript中的作用域
- js變量以及其作用域詳解
- js使用函數(shù)綁定技術改變事件處理程序的作用域
- javascript權威指南 學習筆記之變量作用域分享
- javascript中的作用域scope介紹
- 關于JavaScript中var聲明變量作用域的推斷
- JavaScript.The.Good.Parts閱讀筆記（二）作用域&閉包&減緩全局空間污染
- JavaScript中實現(xiàn)塊作用域的方法
- Javascript 變量作用域 兩個可能會被忽略的小特性
- Javascript學習筆記3 作用域
- JavaScript的變量作用域深入理解
- Javascript 作用域使用說明
- JavaScript 變量作用域及閉包
- javascript變量作用域使用中常見錯誤總結
相關文章
下面小編就為大家?guī)硪黄钊肜斫釳VC中的時間js格式化。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
JavaScript 開發(fā)工具webstrom使用指南
本文給大家推薦了一款非常熱門的javascript開發(fā)工具webstrom,著重介紹了webstrom的特色功能、設置技巧、使用心得以及快捷鍵匯總，非常的全面。2014-12-12
以前最短的IE判定借助于IE不支持垂直制表符的特性搞出來的。2010-05-05
這篇文章主要介紹了C# sogou地圖API用法,包括了各種常用屬性的用法實例,需要的朋友可以參考下2014-09-09
這篇文章主要介紹了JS模擬實現(xiàn)方法重載,涉及js基于arguments實現(xiàn)重載的相關技巧,需要的朋友可以參考下2016-08-08
本文給大家分享的是使用正則表達式檢測只含有漢字、數(shù)字、字母、下劃線等示例，非常的簡單實用，這里推薦給大家，有需要的小伙伴參考下。2015-04-04
這篇文章主要教大家如何簡單實現(xiàn)js菜單欄切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
回調函數(shù)是從一個叫函數(shù)式編程的編程范式中衍生出來的概念,簡單來說,函數(shù)式編程就是使用函數(shù)作為變量,這篇文章主要介紹了一文徹底理解JS回調函數(shù),需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細介紹了js實現(xiàn)商品篩選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-02-02
對于數(shù)組或者對象的遍歷,篩選,提取等操作是前端開發(fā)中經(jīng)常有的需求,下面這篇文章主要給大家介紹了關于js遍歷對象數(shù)組并獲取對象相應的屬性值的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06