- 相關推薦
經典JS閉包面試題
都答對了么?如果都答對了恭喜你在js閉包問題當中幾乎沒什么可以難住你了;如果沒有答案，繼續往下分析。
AD：
由工作中演變而來的面試題
這是一個我工作當中的遇到的一個問題，似乎很有趣，就當做了一道題去面試，發現幾乎沒人能全部答對并說出原因，遂拿出來聊一聊吧。
先看題目代碼：
function fun(n,o) {
console.log(o)
return {
fun:function(m){
return fun(m,n);
}
};
}
var a = fun(0); a.fun(1); a.fun(2); a.fun(3);//undefined,?,?,?
var b = fun(0).fun(1).fun(2).fun(3);//undefined,?,?,?
var c = fun(0).fun(1); c.fun(2); c.fun(3);//undefined,?,?,?
//問:三行a,b,c的輸出分別是什么?
這是一道非常典型的JS閉包問題。其中嵌套了三層fun函數，搞清楚每層fun的函數是那個fun函數尤為重要。
可以先在紙上或其他地方寫下你認為的結果，然后展開看看正確答案是什么?
答案
都答對了么?如果都答對了恭喜你在js閉包問題當中幾乎沒什么可以難住你了;如果沒有答案，繼續往下分析。
JS中有幾種函數
首先，在此之前需要了解的是，在javascript中函數可以分為兩種，具名函數(命名函數)和匿名函數。
區分這兩種函數的方法非常簡單，可以通過輸出 fn.name 來判斷，有name的就是具名函數，沒有name的就是匿名函數
注意：在低版本IE上無法獲取具名函數的name，會返回undefined，建議在火狐或是谷歌瀏覽器上測試
或是采用兼容IE的獲取函數name方法來獲取函數名稱：
/**
* 獲取指定函數的函數名稱(用于兼容IE)
* @param {Function} fun 任意函數
*/
function getFunctionName(fun) {
if (fun.name !== undefined)
return fun.name;
var ret = fun.toString();
ret = ret.substr('function '.length);
ret = ret.substr(0, ret.indexOf('('));
return ret;
}
遂用上述函數測試是否為匿名函數：
image
可以得知變量fn1是具名函數，fn2是匿名函數
創建函數的幾種方式
說完函數的類型，還需要了解javascript中創建函數都有幾種創建方法。
1、聲明函數
最普通最標準的聲明函數方法，包括函數名及函數體。
function fn1(){}
2、創建匿名函數表達式
創建一個變量，這個變量的內容為一個函數
var fn1=function (){}
注意：采用這種方法創建的函數為匿名函數，即沒有函數name
var fn1=function (){};
getFunctionName(fn1).length;//0
3、創建具名函數表達式
創建一個變量，內容為一個帶有名稱的函數
var fn1=function xxcanghai(){};
注意：具名函數表達式的函數名只能在創建函數內部使用
即采用此種方法創建的函數在函數外層只能使用fn1不能使用xxcanghai的函數名。xxcanghai的命名只能在創建的函數內部使用
測試：
var fn1=function xxcanghai(){
console.log("in:fn1<",typeof fn1,">xxcanghai:<",typeof
xxcanghai,">"); }; console.log("out:fn1<",typeof
fn1,">xxcanghai:<",typeof xxcanghai,">");
fn1();
//out:fn1< function >xxcanghai:< undefined >
//in:fn1< function >xxcanghai:< function >
可以看到在函數外部(out)無法使用xxcanghai的函數名，為undefined。
注意：在對象內定義函數如var o={ fn : function (){…} }，也屬于函數表達式
4、Function構造函數
可以給 Function 構造函數傳一個函數字符串，返回包含這個字符串命令的函數，此種方法創建的是匿名函數。
image
5、自執行函數
(function(){alert(1);})();
(function fn1(){alert(1);})();
自執行函數屬于上述的“函數表達式”，規則相同
6、其他創建函數的方法
當然還有其他創建函數或執行函數的方法，這里不再多說，比如采用 eval ， setTimeout ， setInterval 等非常用方法，這里不做過多介紹，屬于非標準方法，這里不做過多展開
【經典JS閉包面試題】相關文章：
Microsoft面試題09-04
iOS面試題07-10
公司面試題09-12
hibernate面試題10-18
英語面試題精選06-13
小升初面試題06-10
PHP面試題10-14
小升初面試題型08-24
小升初面試題類型07-23
關于網管面試題07-27