码迷,mamicode.com
首页 > 其他好文 > 详细

有具体名称的匿名函数var bar = function foo(){}

时间:2017-12-11 00:54:30      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:开发   web开发   声明   library   html   data-   his   应该   com   

http://kangax.github.io/nfe/

 

命名的函数表达式

函数表达式实际上可以经常看到。Web开发中的一个常见模式是基于某种特性测试来“分叉”函数定义,从而获得最佳性能。由于这种分叉通常发生在相同的范围内,所以几乎总是需要使用函数表达式。毕竟,就我们现在所知,函数声明不应该有条件地执行:

// `contains` is part of "APE Javascript library" (http://dhtmlkitchen.com/ape/) by Garrett Smith
var contains = (function() {
  var docEl = document.documentElement;

  if (typeof docEl.compareDocumentPosition != ‘undefined‘) {
    return function(el, b) {
      return (el.compareDocumentPosition(b) & 16) !== 0;
    };
  }
  else if (typeof docEl.contains != ‘undefined‘) {
    return function(el, b) {
      return el !== b && el.contains(b);
    };
  }
  return function(el, b) {
    if (el === b) return false;
    while (el != b && (b = b.parentNode) != null);
    return el === b;
  };
})();

很明显,当一个函数表达式有一个名称(技术上的标识符)时,它被称为命名函数表达式你在第一个例子中看到的var bar = function foo(){};- 就是那个 - 一个名为函数的函数表达式foo需要记住的一个重要细节是,这个名称只在新定义的函数的范围内可用 ; 规范要求标识符不应该被封闭的范围使用:

var f = function foo(){
  return typeof foo; // "foo" is available in this inner scope
};
// `foo` is never visible "outside"
typeof foo; // "undefined"
f(); // "function"

那么这些命名的函数表达式有什么特别之处呢?我们为什么要给他们的名字呢?

看来,命名的功能使得调试体验更加愉快。调试应用程序时,调用堆栈和描述性项目会产生巨大的差异。

 

有具体名称的匿名函数var bar = function foo(){}

标签:开发   web开发   声明   library   html   data-   his   应该   com   

原文地址:http://www.cnblogs.com/oklfx/p/8018521.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!