当前位置: 代码迷 >> 综合 >> 关于“函数表达式具名(函数声明同时赋值给另一个变量)或函数声明立即执行时,名仅在该函数内可访问“机制的浅析
  详细解决方案

关于“函数表达式具名(函数声明同时赋值给另一个变量)或函数声明立即执行时,名仅在该函数内可访问“机制的浅析

热度:84   发布时间:2024-01-20 16:53:58.0

ES3/ES5标准中明确指出函数表达式具名(函数声明同时赋值给另一个变量)或函数声明立即执行时,名仅在该函数内可访问

1
2
3
4
5
6
~ function () {
     alert( typeof  next)  // ?
     ~ function  next() {
         alert( typeof  next)  // ?
     }()
}()

外层匿名函数自执行,打印next,接着内层具名函数自执行。会发现具名的next仅在其自身函数体内可访问,即输出为function。外面是不可见的,typeof就为undefined了。(注:此题IE6/7/8中输出为function function, 标准浏览器为undefined function)

同样的情况也发生在将具名函数赋值给一个变量时,如下

1
2
3
4
5
var  func =  function  a() {
     alert( typeof  a)
}
func()  // ?
alert( typeof  a)  // ?

这条规则是标准中(ES3/ES5)都已明确指出,但IE6、7、8没有严格遵从。可参见w3help的分析。

对于这种现象,个人认为对于函数声明,javaScript解析器实际上是将函数声明的标识符作为变量,构造了一个函数表达式。可以再node上这么验证:

1.输入 var a = function(){console.log('a1')};

2.回车

3.输入 function a(){console.log('a2')}

4.回车

5.输入 a();回车

  做完以上操作,你可以看到一个有趣的现象,输出的结果不是a1,而是a2,这足以说明解析器在解析function a(){console.log('a2')}的时候,将它等价成var a = function(){console.log('a2')}来执行的,所以最终结果得到的是a2。

 

  相关解决方案