Javascript中return與閉包的示例分析

這篇文章給大家分享的是有關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()//222

nAdd()//空
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），這時一定要小心，不要隨便

感謝各位的閱讀！關于“Javascript中return與閉包的示例分析”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！