国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JavaScript基礎篇(6)之函數(shù)表達式閉包

2024-05-06 16:26:06
字體:
來源:轉載
供稿:網(wǎng)友
這篇文章主要介紹了javascript基礎篇(6)之函數(shù)表達式閉包的相關資料,需要的朋友可以參考下
 

 其實js支持函數(shù)閉包的主要原因是因為js需要函數(shù)能夠保存數(shù)據(jù)。這里的保存數(shù)據(jù)是只函數(shù)在運行結束以后函數(shù)內(nèi)變量的值也會進行保存。至于為什么js需要在函數(shù)內(nèi)可以保存數(shù)據(jù),那就是js是一種函數(shù)式語言。在函數(shù)內(nèi)保存數(shù)據(jù)是函數(shù)式語言的一大特征。

回顧前面介紹過的三種定義函數(shù)方式

functiosu(numnumreturnunum//函數(shù)聲明語法定義
vasufunction(numnum)returnunum}//函數(shù)表達式定義
vasuneFunction("num""num""returnunum")//Functio構造函數(shù)

在分析閉包之前我們先來看看,定義和調(diào)用函數(shù)容易犯的錯誤。

例1:

sayHi(); //錯誤:函數(shù)還不存在var sayHi = function () {  alert("test");};

例2:

if (true) {  function sayHi() {    alert("1");  }} else {  function sayHi() {    alert("2");  }}sayHi();//打印結果并不是我們想要的

例3:

var fun1 = function fun2() {  alert("test");}fun2();//錯誤:函數(shù)還不存在

在例1中,我們不能在使用函數(shù)聲明式語法定義之前調(diào)用函數(shù)。解決方案:

1.如果使用函數(shù)表達式定義函數(shù)的話,需要在表達式定義后調(diào)用。

var sayHi = function () {  alert("test");};sayHi()

2.使用函數(shù)聲明式。(這里瀏覽器引擎會 函數(shù)聲明提升, 在所有代碼執(zhí)行之前先讀取函數(shù)聲明)

sayHi(); function sayHi () {  alert("test");};

在例2中,我們預期的結果應該是打印1,實際結果是打印2。

if (true) {  function sayHi() {   alert("1");  }  } else {  function sayHi() {   alert("2");  }}sayHi();//打印結果并不是我們想要的

為什么會這樣?正因為 函數(shù)聲明提升 ,所以瀏覽器在預解析的時候不會判斷if條件,直接解析第二個函數(shù)定義的時候覆蓋了第一個。

解決方案:

var sayHi;if (true) {  sayHi = function () {   alert("1");  }  } else {  sayHi = function () {   alert("2");  }}sayHi();

在例3中,發(fā)現(xiàn)只能只用fun1()調(diào)用,而不能使用fun2()調(diào)用。

我自己的理解,真正原因不知道。沒找到資料。

因為1: function fun3() { }; 等效與  var fun3 = function fun3() { }; 如圖:

JavaScript基礎篇(6)之函數(shù)表達式閉包 

所以只能只用fun1()調(diào)用,而不能使用fun2()調(diào)用。

其實這里我還是有疑問的?哪位大神知道,望告知。

既然,fun2在外面不能調(diào)用為什么在函數(shù)內(nèi)部能調(diào)用?雖然在debugger還是得不到fun1。

JavaScript基礎篇(6)之函數(shù)表達式閉包

好了,通過上面的三道題目熱身。我們繼續(xù)今天的主題“閉包”。

1.什么是閉包?

定義:就是有權訪問另一個函數(shù)作用域的變量的函數(shù)

我們先從一個示例函數(shù)開始:

例1:

function fun() {  var a = "張三";}fun();//在我們執(zhí)行完后,變量a就被標記為銷毀了

例2:

function fun() {  var a = "張三";  return function () {    alert("test");  }}var f = fun();//同樣,在我們執(zhí)行完后,變量a就被標記為銷毀了

例3:

function fun() {  var a = "張三";  return function () {    alert(a);  }}var f = fun();//【現(xiàn)在情況發(fā)生變化了,如果a被銷毀,顯然f被調(diào)用的話就不能訪問到變量a的值了】f();//【然后變量a的值正常的被訪問到了】//這就是閉包,當函數(shù)A 返回的函數(shù)B 里面使用到了函數(shù)A的變量,那么函數(shù)B就使用了閉包。示例:function fun() {  var a = "張三";  return function () {   alert(a);  }}var f = fun();//【現(xiàn)在情況發(fā)生變化了,如果a被銷毀,顯然f被調(diào)用的話就不能訪問到變量a的值了】f();//【然后變量a的值正常的被訪問到了】

顯然,濫用閉包會增大內(nèi)存的使用。所以非特殊情況盡量不要使用閉包。如果用到了,記得手動設置空引用,內(nèi)存才能被回收 f = null ;

圖解:(不了解作用域鏈的同學請先看前面的文章 作用域和作用域鏈 )

JavaScript基礎篇(6)之函數(shù)表達式閉包

2.什么是匿名函數(shù)? (僅僅只是解釋這個概念)

如:(即,沒有名字的函數(shù))

JavaScript基礎篇(6)之函數(shù)表達式閉包

關于對象中函數(shù)的返回值是匿名函數(shù)時,this的怪異現(xiàn)象

講解之前,先清醒下頭腦,不要越看越迷糊了。如果迷糊了,那就直接忽略下面的。

var name1 = "張三";var obj = {  name1: "李四",        fun2: function () {    alert(this.name1);  },  fun3: function () {    return function () {      alert(this.name1);    }  }}

obj.fun2();//打印結果"李四"意料之中的。
obj.fun3()();//因為這里返回的是一個函數(shù),所以要再加一對()來調(diào)用。打印結果是"張三",意料之外。
//真是百事不得其解啊,什么this指向了全局?
我們前面講過“ 哪個對象點出來的方法,this就是哪個對象 ”,那我們的  obj.fun3()() 打印的是“張三”也就是說this執(zhí)行了全局作用域。

我們看看下面的示例也許就知道為什么了。

var name1 = "張三";var obj = {  name1: "李四",        fun2: function () {    alert(this.name1);  },  fun3: function () {    return function () {      alert(this.name1);    }  }}    //obj.fun3()();var obj2 = {};obj2.name1 = "test";obj2.fun = obj.fun3();obj2.fun();//打印結果"test",再次證明了“哪個對象點出來的方法,this就是哪個對象”.var name1 = "張三";var obj = {  name1: "李四",  fun2: function () {   alert(this.name1);  },  fun3: function () {    return function () {     alert(this.name1);    }  }}//obj.fun3()();var obj2 = {};obj2.name1 = "test";obj2.fun = obj.fun3();obj2.fun();//打印結果"test",再次證明了“哪個對象點出來的方法,this就是哪個對象”.

我們來分解下 obj.fun3()() 先是  obj.fun3() 返回一個匿名函數(shù)到了window作用域,然后接著調(diào)用this就指向了window了。( 感覺解釋有點勉強,也不知道對不,暫時自己先是這么理解的 )

閉包形成的原因:內(nèi)存釋放問題

一般,當函數(shù)執(zhí)行完畢后,局部活動對象會被銷毀,內(nèi)存中僅保存全局作用域,但閉包的情況是不一樣的。

閉包的活動對象依然會保存在內(nèi)存中,于是像上例中,函數(shù)調(diào)用返回后,變量i是屬于活動對象里面的,就是說其棧區(qū)還沒有釋放,但你調(diào)用c()的時候i變量保存的作用域鏈從b()->a()->全局去尋找作用域var i聲明所在,然后找到了var i=1;然后在閉包內(nèi)++i;結果,最后輸出的值就是2了;

以上所述是小編給大家分享的JavaScript基礎篇(6)之函數(shù)表達式閉包,希望大家喜歡。



注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 松阳县| 岳阳县| 上林县| 万全县| 惠州市| 专栏| 潼关县| 治县。| 乐陵市| 姚安县| 会东县| 陈巴尔虎旗| 深水埗区| 鄱阳县| 长丰县| 张家川| 土默特左旗| 湘乡市| 唐海县| 左贡县| 昆山市| 美姑县| 宁蒗| 循化| 象山县| 广汉市| 沛县| 怀远县| 牡丹江市| 英山县| 临桂县| 常宁市| 鄂伦春自治旗| 陇川县| 安化县| 盐池县| 延寿县| 都昌县| 田东县| 浏阳市| 政和县|