经典JS闭包面试题

时间:2018-05-03 07:45:44
染雾
分享
WORD下载 PDF下载 投诉

  都答对了么?如果都答对了恭喜你在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闭包面试题

手机扫码分享

Top