JavaScript作用域鏈?zhǔn)纠窒?/h1>
更新時(shí)間:2014年05月27日 14:29:28 作者:
作用域是JavaScript最重要的概念之一,想要學(xué)好JavaScript就需要理解JavaScript作用域和作用域鏈的工作原理。今天這篇文章對(duì)JavaScript作用域鏈作簡(jiǎn)單的介紹,希望能幫助大家更好的學(xué)習(xí)JavaScript。
JavaScript只有函數(shù)作用域;每個(gè)函數(shù)都有個(gè)作用域鏈直達(dá)window對(duì)象。
變量的查找由內(nèi)而外層層查找,找到即止。
同時(shí)不僅可以查找使用,甚至可以改變外部變量。
復(fù)制代碼 代碼如下:
var color = "blue";
function changeColor() {
var anotherColor = "red";
function swapColors() {
var tempColor = anotherColor;
anotherColor = color;
color = tempColor;
}
swapColors();
}
changeColor();
console.log(color); // "red" 外部變量不僅可以被訪(fǎng)問(wèn)到也可以被修改
您可能感興趣的文章:- javascript 嵌套的函數(shù)(作用域鏈)
- 深入理解JavaScript作用域和作用域鏈
- 深入理解JavaScript系列(14) 作用域鏈介紹(Scope Chain)
- JavaScript中的作用域鏈和閉包
- 你必須知道的Javascript知識(shí)點(diǎn)之"深入理解作用域鏈"的介紹
- 深入Javascript函數(shù)、遞歸與閉包(執(zhí)行環(huán)境、變量對(duì)象與作用域鏈)使用詳解
- JavaScript作用域鏈?zhǔn)褂媒榻B
- 關(guān)于Javascript作用域鏈的八點(diǎn)總結(jié)
- JavaScript作用域與作用域鏈深入解析
- 深入理解JavaScript高級(jí)之詞法作用域和作用域鏈
- JavaScript 作用域鏈解析
- JavaScript函數(shù)作用域鏈分析
- Javascript變量的作用域和作用域鏈詳解
- 跟我學(xué)習(xí)javascript的作用域與作用域鏈
相關(guān)文章
-
頁(yè)面圖片浮動(dòng)左右滑動(dòng)效果的簡(jiǎn)單實(shí)現(xiàn)案例
本篇文章主要是對(duì)頁(yè)面圖片浮動(dòng)左右滑動(dòng)效果的簡(jiǎn)單實(shí)現(xiàn)案例進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助 2014-02-02
-
JavaScript設(shè)計(jì)模式策略模式案例分享
這篇文章主要介紹了JavaScript設(shè)計(jì)模式策略模式案例分享,策略設(shè)計(jì)模式就是指一個(gè)問(wèn)題匹配多個(gè)解決方法,不一定要用到哪一個(gè),而且有可能隨時(shí)增加多個(gè)方案 2022-06-06
-
關(guān)于JavaScript實(shí)現(xiàn)動(dòng)畫(huà)時(shí)動(dòng)畫(huà)抖動(dòng)的原因與解決方法
最近在使用JS動(dòng)畫(huà)做一些練習(xí)的時(shí)候我發(fā)現(xiàn)在動(dòng)畫(huà)執(zhí)行時(shí)間內(nèi)快速移開(kāi)鼠標(biāo)時(shí)會(huì)出現(xiàn)動(dòng)畫(huà)因鼠標(biāo)移動(dòng)過(guò)快從而導(dǎo)致代碼沖突讓畫(huà)面抖動(dòng)的bug,這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)動(dòng)畫(huà)時(shí)動(dòng)畫(huà)抖動(dòng)的原因與解決方法,需要的朋友可以參考下 2022-06-06
-
JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹(shù)遍歷算法詳解【先序、中序、后序】
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹(shù)遍歷算法,結(jié)合實(shí)例形式詳細(xì)分析了javascript二叉樹(shù)的定義及先序遍歷、中序遍歷、后序遍歷等相關(guān)遍歷操作實(shí)現(xiàn)技巧,需要的朋友可以參考下 2019-02-02
-
Javascript類(lèi)庫(kù)的頂層對(duì)象名用戶(hù)體驗(yàn)分析
針對(duì)jQuery、Ext、KISSY三者類(lèi)庫(kù)的對(duì)比及分析已經(jīng)很多了,但多數(shù)是從功能和設(shè)計(jì)的角度切入,因此本篇文章決定換一個(gè)特殊的角度,從各類(lèi)庫(kù)的頂層對(duì)象名的鍵盤(pán)輸入的體驗(yàn)上來(lái)對(duì)這三個(gè)類(lèi)庫(kù)進(jìn)行比較。 2010-10-10
最新評(píng)論
JavaScript只有函數(shù)作用域;每個(gè)函數(shù)都有個(gè)作用域鏈直達(dá)window對(duì)象。
變量的查找由內(nèi)而外層層查找,找到即止。
同時(shí)不僅可以查找使用,甚至可以改變外部變量。
var color = "blue";
function changeColor() {
var anotherColor = "red";
function swapColors() {
var tempColor = anotherColor;
anotherColor = color;
color = tempColor;
}
swapColors();
}
changeColor();
console.log(color); // "red" 外部變量不僅可以被訪(fǎng)問(wèn)到也可以被修改
- javascript 嵌套的函數(shù)(作用域鏈)
- 深入理解JavaScript作用域和作用域鏈
- 深入理解JavaScript系列(14) 作用域鏈介紹(Scope Chain)
- JavaScript中的作用域鏈和閉包
- 你必須知道的Javascript知識(shí)點(diǎn)之"深入理解作用域鏈"的介紹
- 深入Javascript函數(shù)、遞歸與閉包(執(zhí)行環(huán)境、變量對(duì)象與作用域鏈)使用詳解
- JavaScript作用域鏈?zhǔn)褂媒榻B
- 關(guān)于Javascript作用域鏈的八點(diǎn)總結(jié)
- JavaScript作用域與作用域鏈深入解析
- 深入理解JavaScript高級(jí)之詞法作用域和作用域鏈
- JavaScript 作用域鏈解析
- JavaScript函數(shù)作用域鏈分析
- Javascript變量的作用域和作用域鏈詳解
- 跟我學(xué)習(xí)javascript的作用域與作用域鏈
相關(guān)文章
頁(yè)面圖片浮動(dòng)左右滑動(dòng)效果的簡(jiǎn)單實(shí)現(xiàn)案例
本篇文章主要是對(duì)頁(yè)面圖片浮動(dòng)左右滑動(dòng)效果的簡(jiǎn)單實(shí)現(xiàn)案例進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-02-02JavaScript設(shè)計(jì)模式策略模式案例分享
這篇文章主要介紹了JavaScript設(shè)計(jì)模式策略模式案例分享,策略設(shè)計(jì)模式就是指一個(gè)問(wèn)題匹配多個(gè)解決方法,不一定要用到哪一個(gè),而且有可能隨時(shí)增加多個(gè)方案2022-06-06關(guān)于JavaScript實(shí)現(xiàn)動(dòng)畫(huà)時(shí)動(dòng)畫(huà)抖動(dòng)的原因與解決方法
最近在使用JS動(dòng)畫(huà)做一些練習(xí)的時(shí)候我發(fā)現(xiàn)在動(dòng)畫(huà)執(zhí)行時(shí)間內(nèi)快速移開(kāi)鼠標(biāo)時(shí)會(huì)出現(xiàn)動(dòng)畫(huà)因鼠標(biāo)移動(dòng)過(guò)快從而導(dǎo)致代碼沖突讓畫(huà)面抖動(dòng)的bug,這篇文章主要給大家介紹了關(guān)于JavaScript實(shí)現(xiàn)動(dòng)畫(huà)時(shí)動(dòng)畫(huà)抖動(dòng)的原因與解決方法,需要的朋友可以參考下2022-06-06JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹(shù)遍歷算法詳解【先序、中序、后序】
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)與算法之二叉樹(shù)遍歷算法,結(jié)合實(shí)例形式詳細(xì)分析了javascript二叉樹(shù)的定義及先序遍歷、中序遍歷、后序遍歷等相關(guān)遍歷操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2019-02-02Javascript類(lèi)庫(kù)的頂層對(duì)象名用戶(hù)體驗(yàn)分析
針對(duì)jQuery、Ext、KISSY三者類(lèi)庫(kù)的對(duì)比及分析已經(jīng)很多了,但多數(shù)是從功能和設(shè)計(jì)的角度切入,因此本篇文章決定換一個(gè)特殊的角度,從各類(lèi)庫(kù)的頂層對(duì)象名的鍵盤(pán)輸入的體驗(yàn)上來(lái)對(duì)這三個(gè)類(lèi)庫(kù)進(jìn)行比較。2010-10-10