javascript 變量作用域 代碼分析
更新時(shí)間：2009年06月26日 13:20:55 作者：
作用域（scope）是javascript中一項(xiàng)令人棘手的的特性。所有面向?qū)ο缶幊陶Z言都有某種形式的作用域，不過和把這個(gè)概念放在什么上下文中有關(guān)。在javascript里，作用域是由函數(shù)劃分的。
代碼清單1-1 展示javascript的變量作用域的例子
//設(shè)置全局變量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)建一個(gè)會修改變量foo的新函數(shù)
function test(){
var foo = "old test";
}
//然而在調(diào)用時(shí)，foo只在函數(shù)作用域內(nèi)起作用
test();
//這里確認(rèn)了foo 還是等于'new test'
alert(foo == "new test");
基于瀏覽器的javascript 的一個(gè)有趣的特性是，所有屬于全局變量作用域的變量其實(shí)都是window對象的屬性。
代碼清單1-2 javascript中全局作用域和window對象
//一個(gè)全局作用域下的變量，存儲了字符串'test'
var test = 'test';
//你可以看到我們的全局變量和window對象的test屬性是一致的
alert(test == window.test)
最后如果變量沒有顯式定義，它就是全局定義的，雖然它可能只在這個(gè)函數(shù)作用域的范圍內(nèi)使用。
代碼清單1-3 隱式全局作用域的變量聲明
//一個(gè)設(shè)置了foo值的函數(shù)
function test(){
foo = "test";
}
//調(diào)用此函數(shù)以設(shè)置foo的值
test();
//我們發(fā)現(xiàn)foo現(xiàn)在是全局作用域下
alert(window.foo == "test");
//設(shè)置全局變量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)建一個(gè)會修改變量foo的新函數(shù)
function test(){
var foo = "old test";
}
//然而在調(diào)用時(shí)，foo只在函數(shù)作用域內(nèi)起作用
test();
//這里確認(rèn)了foo 還是等于'new test'
alert(foo == "new test");
基于瀏覽器的javascript 的一個(gè)有趣的特性是，所有屬于全局變量作用域的變量其實(shí)都是window對象的屬性。
代碼清單1-2 javascript中全局作用域和window對象
//一個(gè)全局作用域下的變量，存儲了字符串'test'
var test = 'test';
//你可以看到我們的全局變量和window對象的test屬性是一致的
alert(test == window.test)
最后如果變量沒有顯式定義，它就是全局定義的，雖然它可能只在這個(gè)函數(shù)作用域的范圍內(nèi)使用。
代碼清單1-3 隱式全局作用域的變量聲明
//一個(gè)設(shè)置了foo值的函數(shù)
function test(){
foo = "test";
}
//調(diào)用此函數(shù)以設(shè)置foo的值
test();
//我們發(fā)現(xiàn)foo現(xiàn)在是全局作用域下
alert(window.foo == "test");
您可能感興趣的文章:
- JavaScript詞法作用域與調(diào)用對象深入理解
- JavaScript中的作用域鏈和閉包
- javascript作用域容易記錯(cuò)的兩個(gè)地方分析
- 深入理解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中實(shí)現(xiàn)塊作用域的方法
- Javascript 變量作用域 兩個(gè)可能會被忽略的小特性
- Javascript學(xué)習(xí)筆記3 作用域
- JavaScript的變量作用域深入理解
- Javascript 作用域使用說明
- JavaScript 變量作用域及閉包
- javascript變量作用域使用中常見錯(cuò)誤總結(jié)
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)瀑布流布局的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
JS中postcss插件實(shí)現(xiàn)vw適配的方法
PostCSS是一個(gè)用JavaScript編寫的插件工具,它可以幫助我們對CSS進(jìn)行模塊化、自動化處理和優(yōu)化,這篇文章主要介紹了JS中postcss插件實(shí)現(xiàn)vw適配,需要的朋友可以參考下2025-01-01
JavaScript中的索引數(shù)組、關(guān)聯(lián)數(shù)組和靜態(tài)數(shù)組、動態(tài)數(shù)組講解
這篇文章主要介紹了JavaScript中的索引數(shù)組、關(guān)聯(lián)數(shù)組和靜態(tài)數(shù)組、動態(tài)數(shù)組講解,本文介紹了從數(shù)組的下標(biāo)分為索引數(shù)組、關(guān)聯(lián)數(shù)組、從對數(shù)據(jù)的存儲分為靜態(tài)數(shù)組、動態(tài)數(shù)組,并給出了示例,需要的朋友可以參考下2014-11-11
JSONP(JSON with Padding)是JSON的一種“使用模式”，可用于解決主流瀏覽器的跨域數(shù)據(jù)訪問的問題。接下來通過本文給大家介紹JSONP跨域請求實(shí)例詳解，感興趣的朋友一起看下吧2016-07-07
javascript實(shí)現(xiàn)顏色漸變的方法
這篇文章介紹了javascript實(shí)現(xiàn)顏色漸變的方法，有需要的朋友可以參考一下2013-10-10
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)身份證取景框拍攝，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
Javascript 類的繼承實(shí)現(xiàn)代碼
JavaScript中類的學(xué)習(xí)，從基本類繼承過來方法。2009-07-07
基于JavaScript實(shí)現(xiàn)選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)選項(xiàng)卡效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了JavaScript手寫call,apply,bind方法，call，bind，apply方法都是JavaScript原生的方法，掛載在Function原型上,使得所有函數(shù)都可以調(diào)用2022-06-06
這篇文章主要介紹了詳解ES6語法之可迭代協(xié)議和迭代器協(xié)議,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-01-01