JS閉包的幾種常見形式實(shí)例詳解
作用域鏈:
//作用域鏈
var a = 1;
function test() {
var b =2;
return a;
}
alert(test());//彈出1;
alert(b);//不能獲取b
//scope chain
var a = 1;
function test() {
var b = 2;
function test1() {
var c = 3;
alert(a);
alert(b);
alert(c);
}
test1();
}
test();//彈出1,彈出2,彈出3;
詞法作用域:
//詞法作用域;
function f1() {
var a = 12;
return f2();
}
function f2() {
return a;
}
alert(f1());//并不能獲取a,a在f2()中并未定義;
function f1() {
var a = 1;
return f2();
}
function f2() {
var b = 3;
alert(b);
return a;
}
alert(f1());//彈出3,a在f2()中未定義
function f1() {
var a = 1;
return f2();
}
function f2() {
var b = 3;
alert(b);
return a;
}
alert(f1());//彈出3,a在f2()中未定義,undefined
var a=55;
alert(f1());//彈出3,彈出55
如何通過閉包突破全局作用域鏈——幾種常見形式
//通過閉包突破全局作用域鏈
function f() {
var a = "sun";
return function () {
return a;
}
}
var test = f();
alert(test());//彈出sun
var n;
function f() {
var a = "sun";
n = function () {
return a;
}
}
f();
alert(n());//彈出sun
function f(param) {
var n =function () {
return param;
};
param++;
return n;
}
var test = f(45);
alert(test());//彈出46;
總結(jié)
以上所述是小編給大家介紹的JS閉包的幾種常見形式 ,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
- 通俗易懂地解釋JS中的閉包
- JS繼承與閉包及JS實(shí)現(xiàn)繼承的三種方式
- 淺談JavaScript作用域和閉包
- JS實(shí)現(xiàn)閉包中的沙箱模式示例
- JavaScript閉包的簡單應(yīng)用
- 通過示例徹底搞懂js閉包
- JavaScript閉包和回調(diào)詳解
- 淺談JS封閉函數(shù)、閉包、內(nèi)置對象
- JavaScript閉包_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
- 深入理解Javascript中的作用域鏈和閉包
- JS閉包可被利用的常見場景小結(jié)
- 利用js的閉包原理做對象封裝及調(diào)用方法
- javascript閉包功能與用法實(shí)例分析
- JavaScript中閉包的詳解
- JS閉包用法實(shí)例分析
- 圖解Javascript——作用域、作用域鏈、閉包
- 輕松理解JavaScript閉包
- js中的閉包學(xué)習(xí)心得
相關(guān)文章
js中數(shù)組結(jié)合字符串實(shí)現(xiàn)查找(屏蔽廣告判斷url等)
這篇文章主要介紹了js中數(shù)組結(jié)合字符串實(shí)現(xiàn)查找(屏蔽廣告判斷url等),需要的朋友可以參考下2016-03-03
Bootstrap3使用typeahead插件實(shí)現(xiàn)自動(dòng)補(bǔ)全功能
這篇文章主要介紹了Bootstrap3使用typeahead插件實(shí)現(xiàn)自動(dòng)補(bǔ)全功能的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07
根據(jù)判斷瀏覽器類型屏幕分辨率自動(dòng)調(diào)用不同CSS的代碼
根據(jù)判斷瀏覽器類型屏幕分辨率自動(dòng)調(diào)用不同CSS的代碼...2007-02-02
javascript基于原型鏈的繼承及call和apply函數(shù)用法分析
這篇文章主要介紹了javascript基于原型鏈的繼承及call和apply函數(shù)用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript中繼承的概念、創(chuàng)建方法以及call和apply函數(shù)的功能與使用技巧,需要的朋友可以參考下2016-12-12
20行JS代碼實(shí)現(xiàn)粘貼板復(fù)制功能
本文給大家分析20行JS代碼實(shí)現(xiàn)粘貼板功能,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-02-02
JavaScript 用cloneNode方法克隆節(jié)點(diǎn)的代碼
很多時(shí)候我們需要通過HTML DOM 的方式,用JavaScript 動(dòng)態(tài)生成很多相同的節(jié)點(diǎn),包括其子節(jié)點(diǎn)2012-10-10
使用JavaScript計(jì)算前一天和后一天的思路詳解
這篇文章主要介紹了使用JavaScript計(jì)算前一天和后一天的思路,代碼簡單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-12-12
JavaScript中EventBus實(shí)現(xiàn)對象之間通信
這篇文章主要介紹了JavaScript中EventBus實(shí)現(xiàn)對象之間通信,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10

