前言
Javascript中閉包是一個擁有許多變量和綁定了這些變量的環境的表達式(通常是一個函數),因而這些變量也是該表達式的一部分。而return語句在js中起到舉足輕重的作用,該關鍵字不僅具有返回函數值得功能,還具有一些特殊的用法,下面就來看看關于Javascript中return的使用與閉包的詳細介紹吧。
一、return的使用
案例一:
var a=1;for(var b=0; b<10; b++){ return b;};sonsole.log(b)//返回為空個人認為此處左右與為全局,,return 之后后面代碼均不會執行;
案例二:
var a=1;function bb(){ for(var b=0;b<10;b++){ return b; };};console.log(bb);//返回0二、鏈式作用域和閉包
先看一個案例:
var a=1;function f1(){ var b=2; function f2(){ console.log(a);//1 console.log(b)//2 };};鏈式作用域:在上面的代碼中,函數f2就被包括在函數f1內部,這時f1內部的所有局部變量,對f2都是可見的。但是反過來就不行,f2內部的局部變量,對f1 就是不可見的。這就是Javascript語言特有的“鏈式作用域”結構;
閉包:講白了就是 利用一種方式實現訪問局部變量的功能;
由于在Javascript語言中,只有函數內部的子函數才能讀取局部變量,因此可以把閉包簡單理解成“定義在一個函數內部的函數”。
所以,在本質上,閉包就是將函數內部和函數外部連接起來的一座橋梁。
function f1(){ var a=1; function f2(){ alert(a); }; return f2};console.log(f1());//function f2(){alert(a);};console.log(f1()());//彈出1所以一般可以這樣寫:
function f1(){ var a=1; function f2(){ alert(a); }; return f2};var result=f1();console.log(result());//彈出1閉包完整案例:
function f1(){ n=999; function f2(){ alert(n); } return f2;}var result=f1();result(); // 999現在通過f2可以實現訪問f1中的局部變量n,這就是閉包。
閉包作用:一個是前面提到的可以讀取函數內部的變量,另一個就是讓這些變量的值始終保持在內存中。
function f1(){ var a=222; f2=function(){//注意此處這樣寫,這和使用var則為局部變量,不適用則為全局一個道理; alert(a); };};f1()//空f2()//222,此處不用閉包就可訪問function f1(){ var a=222; function f2(){//此處為函數 alert(a); }; nAdd=function(){a+=1}; return f2};var obj=f1();obj()//222nAdd()//空obj();//223,同時說明函數f1中的局部變量a一直保存在內存中,并沒有在f1調用后被自動清除為什么會這樣呢?原因就在于f1是f2的父函數,而f2被賦給了一個全局變量,這導致f2始終在內存中,而f2的存在依賴于f1,因此f1也始終在內存中,不會在調用結束后,被垃圾回收機制(garbage collection)回收。
這段代碼中另一個值得注意的地方,就是“ nAdd=function(){n+=1} ”這一行,首先在nAdd前面沒有使用var關鍵字,因此 nAdd是一個全局變量,而不是局部變量。其次,nAdd的值是一個匿名函數(anonymous function),而這個
匿名函數本身也是一個閉包,所以nAdd相當于是一個setter,可以在函數外部對函數內部的局部變量進行操作。
使用閉包的注意點
1)由于閉包會使得函數中的變量都被保存在內存中,內存消耗很大,所以不能濫用閉包,否則會造成網頁的性能問題,在IE中可能導致內存泄露。解決方法是,在退出函數之前,將不使用的局部變量全部刪除。
2)閉包會在父函數外部,改變父函數內部變量的值。所以,如果你把父函數當作對象(object)使用,把閉包當作它的公用方法(Public Method),把內部變量當作它的私有屬性(private value),這時一定要小心,不要隨便
總結
以上就是這篇文章的全部內容了,希望本文的內容對大家的學習或者工作能帶來一定的幫助,如果有疑問大家可以留言交流。
新聞熱點
疑難解答