JavaScript靜態(tài)作用域和動(dòng)態(tài)作用域?qū)嵗斀?/h1>
更新時(shí)間:2019年06月17日 09:41:29 作者:萌面大蝦
這篇文章主要介紹了JavaScript靜態(tài)作用域和動(dòng)態(tài)作用域的實(shí)例代碼,本文通過(guò)文字實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
靜態(tài)作用域指的是一段代碼,在它執(zhí)行之前就已經(jīng)確定了它的作用域,簡(jiǎn)單來(lái)說(shuō)就是在執(zhí)行之前就確定了它可以應(yīng)用哪些地方的作用域(變量)。
動(dòng)態(tài)作用域–函數(shù)的作用域是在函數(shù)調(diào)用的時(shí)候才決定的
JavaScript采用的是詞法作用域即靜態(tài)作用域;
// 靜態(tài)作用域:
var a = 10;
function fn() {
var b = 1;
console.log(a + b);
}
fn(); // 11
在創(chuàng)建fn函數(shù)時(shí)的時(shí)候就已經(jīng)確定了它可以作用哪些變量,如果函數(shù)fn里面有變量a就直接操作變量a,
如果沒(méi)有就往上一級(jí)查找,這就是靜態(tài)作用域
// 動(dòng)態(tài)作用域:
function foo() {
console.log(a);
}
function bar() {
var a = 3;
foo();
}
var a = 2;
bar(); // 2;
bar 調(diào)用,bar里面foo被調(diào)用,foo函數(shù)需要查找變量a,由于JavaScript是詞法作用域(即靜態(tài)作用域),foo被解析時(shí)在全局作用域.
所以只能在全局作用域中找a,輸出結(jié)果為2,而非bar作用域中的a。如果js采用的時(shí)動(dòng)態(tài)作用域,那么foo在bar中調(diào)用,就會(huì)先在bar中查詢(xún)a,輸出為3。
ps:下面看下JavaScript之靜態(tài)作用域
作用域是指代碼中定義變量的區(qū)域。作用域規(guī)定了如何查找變量,也就是確定當(dāng)前代碼對(duì)變量的訪問(wèn)權(quán)限。
靜態(tài)作用域和動(dòng)態(tài)作用域
靜態(tài)作用域是指函數(shù)的作用域在函數(shù)定義時(shí)就已經(jīng)確定了,而動(dòng)態(tài)作用域是指函數(shù)的作用域在運(yùn)行時(shí)才確定。下面是一段代碼:
var value = 1;
function foo() {
console.log(value);
}
function bar() {
var value = 2;
foo();
}
bar();
如果這段代碼使用靜態(tài)作用域的方式訪問(wèn)變量,那么執(zhí)行foo()函數(shù)時(shí),首先查看函數(shù)內(nèi)是否存在局部變量value的定義,如果沒(méi)有,則查找之前的代碼,也就是var value = 1;,查找到了value的定義為1,因此輸出1。
如果這段代碼使用動(dòng)態(tài)作用域的方式訪問(wèn)變量,那么執(zhí)行foo()函數(shù)時(shí),首先依舊從函數(shù)內(nèi)部查找是否存在局部變量value的定義,如果沒(méi)有,那么從調(diào)用方bar()函數(shù)的作用域中查找,找到了var value = 2;,因此輸出2。
JavaScript采用靜態(tài)作用域的方式訪問(wèn)變量,因此這個(gè)例子輸出為1。
常見(jiàn)的采用動(dòng)態(tài)作用域的語(yǔ)言是bash。
相關(guān)文章
-
微信小程序判斷用戶(hù)是否需要再次授權(quán)獲取個(gè)人信息
這篇文章主要介紹了微信小程序判斷用戶(hù)是否需要再次授權(quán)獲取個(gè)人信息,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下 2019-07-07
-
JS實(shí)現(xiàn)隨機(jī)數(shù)生成算法示例代碼
JS實(shí)現(xiàn)隨機(jī)數(shù)生成算法的方法有很多,本文為大家介紹一個(gè)比較不錯(cuò)的方法,代碼如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助 2013-08-08
-
JS實(shí)現(xiàn)簡(jiǎn)單的天數(shù)計(jì)算器完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單的天數(shù)計(jì)算器,結(jié)合完整實(shí)例形式分析了javascript針對(duì)日期的獲取及天數(shù)運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下 2017-04-04
-
JavaScript遍歷查找數(shù)組中最大值與最小值的方法示例
這篇文章主要介紹了JavaScript遍歷查找數(shù)組中最大值與最小值的方法,結(jié)合實(shí)例形式分析了javascript基于數(shù)組遍歷、判斷實(shí)現(xiàn)最大值與最小值計(jì)算的相關(guān)操作技巧,需要的朋友可以參考下 2019-05-05
-
js中的面向?qū)ο笾畬?duì)象常見(jiàn)創(chuàng)建方法詳解
這篇文章主要介紹了js中的面向?qū)ο笾畬?duì)象常見(jiàn)創(chuàng)建方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript創(chuàng)建對(duì)象的四種常用方式,需要的朋友可以參考下 2019-12-12
-
js Array對(duì)象的擴(kuò)展函數(shù)代碼
有時(shí)候我們需要對(duì)js的array對(duì)象擴(kuò)展一些功能,這里簡(jiǎn)單介紹下,方便需要的朋友 2013-04-04
-
Three.js利用dat.GUI如何簡(jiǎn)化試驗(yàn)流程詳解
dat.gui可以方便地向場(chǎng)景中添加控制條,隨時(shí)調(diào)整參數(shù)。下面這篇文章主要給大家介紹了關(guān)于Three.js利用dat.GUI如何簡(jiǎn)化試驗(yàn)流程的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來(lái)一起看看吧。 2017-09-09
-
淺析JavaScript中的特殊數(shù)據(jù)類(lèi)型
在JavaScript中,有6大數(shù)據(jù)類(lèi)型,分別包括string,number,boolean,undefined,null 和 object。下面通過(guò)通過(guò)本文給大家介紹JavaScript中的特殊數(shù)據(jù)類(lèi)型,需要的朋友參考下吧 2017-12-12
最新評(píng)論
靜態(tài)作用域指的是一段代碼,在它執(zhí)行之前就已經(jīng)確定了它的作用域,簡(jiǎn)單來(lái)說(shuō)就是在執(zhí)行之前就確定了它可以應(yīng)用哪些地方的作用域(變量)。
動(dòng)態(tài)作用域–函數(shù)的作用域是在函數(shù)調(diào)用的時(shí)候才決定的
JavaScript采用的是詞法作用域即靜態(tài)作用域;
// 靜態(tài)作用域: var a = 10; function fn() { var b = 1; console.log(a + b); } fn(); // 11
在創(chuàng)建fn函數(shù)時(shí)的時(shí)候就已經(jīng)確定了它可以作用哪些變量,如果函數(shù)fn里面有變量a就直接操作變量a,
如果沒(méi)有就往上一級(jí)查找,這就是靜態(tài)作用域
// 動(dòng)態(tài)作用域: function foo() { console.log(a); } function bar() { var a = 3; foo(); } var a = 2; bar(); // 2;
bar 調(diào)用,bar里面foo被調(diào)用,foo函數(shù)需要查找變量a,由于JavaScript是詞法作用域(即靜態(tài)作用域),foo被解析時(shí)在全局作用域.
所以只能在全局作用域中找a,輸出結(jié)果為2,而非bar作用域中的a。如果js采用的時(shí)動(dòng)態(tài)作用域,那么foo在bar中調(diào)用,就會(huì)先在bar中查詢(xún)a,輸出為3。
ps:下面看下JavaScript之靜態(tài)作用域
作用域是指代碼中定義變量的區(qū)域。作用域規(guī)定了如何查找變量,也就是確定當(dāng)前代碼對(duì)變量的訪問(wèn)權(quán)限。
靜態(tài)作用域和動(dòng)態(tài)作用域
靜態(tài)作用域是指函數(shù)的作用域在函數(shù)定義時(shí)就已經(jīng)確定了,而動(dòng)態(tài)作用域是指函數(shù)的作用域在運(yùn)行時(shí)才確定。下面是一段代碼:
var value = 1;
function foo() {
console.log(value);
}
function bar() {
var value = 2;
foo();
}
bar();
如果這段代碼使用靜態(tài)作用域的方式訪問(wèn)變量,那么執(zhí)行foo()函數(shù)時(shí),首先查看函數(shù)內(nèi)是否存在局部變量value的定義,如果沒(méi)有,則查找之前的代碼,也就是var value = 1;,查找到了value的定義為1,因此輸出1。
如果這段代碼使用動(dòng)態(tài)作用域的方式訪問(wèn)變量,那么執(zhí)行foo()函數(shù)時(shí),首先依舊從函數(shù)內(nèi)部查找是否存在局部變量value的定義,如果沒(méi)有,那么從調(diào)用方bar()函數(shù)的作用域中查找,找到了var value = 2;,因此輸出2。
JavaScript采用靜態(tài)作用域的方式訪問(wèn)變量,因此這個(gè)例子輸出為1。
常見(jiàn)的采用動(dòng)態(tài)作用域的語(yǔ)言是bash。
相關(guān)文章
微信小程序判斷用戶(hù)是否需要再次授權(quán)獲取個(gè)人信息
這篇文章主要介紹了微信小程序判斷用戶(hù)是否需要再次授權(quán)獲取個(gè)人信息,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07JS實(shí)現(xiàn)隨機(jī)數(shù)生成算法示例代碼
JS實(shí)現(xiàn)隨機(jī)數(shù)生成算法的方法有很多,本文為大家介紹一個(gè)比較不錯(cuò)的方法,代碼如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08JS實(shí)現(xiàn)簡(jiǎn)單的天數(shù)計(jì)算器完整實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)簡(jiǎn)單的天數(shù)計(jì)算器,結(jié)合完整實(shí)例形式分析了javascript針對(duì)日期的獲取及天數(shù)運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2017-04-04JavaScript遍歷查找數(shù)組中最大值與最小值的方法示例
這篇文章主要介紹了JavaScript遍歷查找數(shù)組中最大值與最小值的方法,結(jié)合實(shí)例形式分析了javascript基于數(shù)組遍歷、判斷實(shí)現(xiàn)最大值與最小值計(jì)算的相關(guān)操作技巧,需要的朋友可以參考下2019-05-05js中的面向?qū)ο笾畬?duì)象常見(jiàn)創(chuàng)建方法詳解
這篇文章主要介紹了js中的面向?qū)ο笾畬?duì)象常見(jiàn)創(chuàng)建方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript創(chuàng)建對(duì)象的四種常用方式,需要的朋友可以參考下2019-12-12js Array對(duì)象的擴(kuò)展函數(shù)代碼
有時(shí)候我們需要對(duì)js的array對(duì)象擴(kuò)展一些功能,這里簡(jiǎn)單介紹下,方便需要的朋友2013-04-04Three.js利用dat.GUI如何簡(jiǎn)化試驗(yàn)流程詳解
dat.gui可以方便地向場(chǎng)景中添加控制條,隨時(shí)調(diào)整參數(shù)。下面這篇文章主要給大家介紹了關(guān)于Three.js利用dat.GUI如何簡(jiǎn)化試驗(yàn)流程的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考借鑒,下面來(lái)一起看看吧。2017-09-09淺析JavaScript中的特殊數(shù)據(jù)類(lèi)型
在JavaScript中,有6大數(shù)據(jù)類(lèi)型,分別包括string,number,boolean,undefined,null 和 object。下面通過(guò)通過(guò)本文給大家介紹JavaScript中的特殊數(shù)據(jù)類(lèi)型,需要的朋友參考下吧2017-12-12