由工作中演变而来的面试题

这是一个我工作当中的遇到的一个问题，似乎很有趣，就当做了一道题去面试，发现几乎没人能全部答对并说出原因，遂拿出来聊一聊吧。

先看题目代码：

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,?,?,?

1	//问:三行a,b,c的输出分别是什么？

这是一道非常典型的JS闭包问题。其中嵌套了三层fun函数，搞清楚每层fun的函数是那个fun函数尤为重要。

可以先在纸上或其他地方写下你认为的结果，然后展开看看正确答案是什么？

//答案：

//a: undefined,0,0,0

//b: undefined,0,1,2

//c: undefined,0,1,1

都答对了么？如果都答对了恭喜你在js闭包问题当中几乎没什么可以难住你了；如果没有答案，继续往下分析。

JS中有几种函数

首先，在此之前需要了解的是，在JS中函数可以分为两种，具名函数（命名函数）和匿名函数。

区分这两种函数的方法非常简单，可以通过输出 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;

}

遂用上述函数测试是否为匿名函数：

可以得知变量fn1是具名函数，fn2是匿名函数

创建函数的几种方式

说完函数的类型，还需要了解JS中创建函数都有几种创建方法。

1、声明函数

最普通最标准的声明函数方法，包括函数名及函数体。

1	function fn1(){}

2、创建匿名函数表达式

创建一个变量，这个变量的内容为一个函数

1	var fn1=function (){}

注意采用这种方法创建的函数为匿名函数，即没有函数name

1 2	var fn1=function (){}; getFunctionName(fn1).length;//0

3、创建具名函数表达式

创建一个变量，内容为一个带有名称的函数