• 汤姆大叔的博客(深入理解JavaScript系列(2):揭秘命名函数表达式)


    汤姆大叔的博客,本人学习阶段,写不出经典的东西,只能抄袭,但是本人尊重原创,so..附原文链接  http://www.cnblogs.com/TomXu/archive/2011/12/29/2290308.html

    前言

    简单的说,命名函数表达式只有一个用户,那就是在debug(调试)或者profiler(分析器)分析的时候来描述函数得名称,也可以使用函数名实现递归,但很快你就会发现其实是不切实际的,当然,如果你不关注调试,那就没什么可担心了,否则,如果你想了解兼容性方面的东西的话,你还是应该继续往下看看,

    我们先开始看看,什么叫函数表达式,然后再说一下现在调试器如何处理这些表达式

    函数表达式和函数声明

    在ECMAScript中,创建函数的最常用的两个方法是函数表达式和函数声明,两者之间的区别是有点晕的,因为ECMA规范只明确了一点,函数声明必须带有标示符(Identifier)(就是大家常说的函数名称),而函数表达式则可以省略这个标示符:

    函数声明:

    function 函数名称 (参数:可选){函数体}

    函数表达式:

    function 函数名称(可选)(参数:可选){函数体}

    所以,可以看出,如果不声明函数名称,它肯定是表达式,可如果声明了函数名称的话,如何判断是函数声明还是函数表达式呢,ECMAScript是通过上下文来区分的,如果function foo(){}是作为赋值表达式的一部分的话,那它就是一个函数表达式,如果funcrion foo(){}被包含在一个函数体内,或者位于程序的最顶部的话,那它就是一个函数声明,

    function foo(){} //声明,因为他是程序的一部分

    var bar =function(){}  //表达式,因为她是赋值表达式的一部分

    new function bar (){}  //表达式,因为他是new表达式

    (function(){

    function bar(){}  //声明,因为它是函数体的一部分

    })();

    还有一种函数表达式不太常见,就是被括号扩住的(function foo(){}),他是表达式的原因是因为括号()是一个分组操作符,它的内部只能包含表达式,我们来看几个例子:

    function foo(){} //函数声明

    (function foo(){});//函数表达式:包含在分组操作符内

    try{

    (var x=5);  //分组操作符,只能包含表达式不能包含语句:这里的var就是语句

    }catch(err){

    //syntaxError

    }

    你可以会想到,在实用eval对json进行执行的时候,json字符串通常被包含在一个圆括号里:eval('('+json+')'),这样做的原因就是因为分组操作符,也就是这对括号,会让解析器强制将json的花括号解析成表达式而不是代码块。

    try{

    {'x':5}  //'{'和'}'做解析成代码块

    }catch(err){

    // SyntaxError

    }

    ({'X':5});//分组操作符强制将‘{’ 和 ‘}’作为对象字面量来解析

    表达式和声明存在着十分微妙的差别,首先,函数声明会在任何表达式被解析和求值之前先被解析和求值,即使你的声明在代码的最后一行,它也会在同作用域内第一个表达式之前被解析/求值,参考如下例子,函数fn是在alert之后声明的,但是alert执行的时候,fn已经有定义了:

    alert(fn());

    function fn(){

      return 'hello world';

    }

    另外还有一点需要提醒一下,函数声明在条件语句内虽然可以用,但是没有被标准化,也就是说不通同的环境可能有不通的执行结果,所以这样情况下,最好使用函数表达式:

    //千万别这样做

    //因为有的浏览器会返回first的这个function,而有的浏览器返回的却是第二个

    if(true){

      function foo(){

        return 'first';

      }

    }else{

      function foo(){

        return 'second';

      }

    }

    foo();

    //相反,这样情况,我们要用函数表达式

    var foo;

    if(true){

      foo=function(){

        return 'first';

      }

    }else{

      foo=function(){

        return 'second';

      }

    }

    foo();

    函数声明的实际规范如下:

    函数声明只能出现在程序或函数体内。从句法上讲,他们不neng出现在block(块)({...})中,例如不能出现在if、while、或for语句中。因为block(块)中只能包含statement语句,而不能包含函数声明这样的源元素。另一方面,仔细看一看规则也会发现,唯一可能让表达式出现在block中的情形,就是让它作为表达式语句的一部分,到那时,规范明确规定了报答是语句不能以关键字functionkaitou,而这实际上就是说,函数表达式同样不能出现在statement语句货bloak中,因为block就是由statemengt语句构成的 gtfgg

  • 相关阅读:
    Xcode4快速Doxygen文档注释 — 简明图文教程
    iOS6 旋转
    echart 判断数据是否为空
    echart tootip使用技巧
    下拉菜单自动向上或向下弹起
    前后台数据交互
    打包代码
    echart 设计宽度为百分比时,div撑不开
    无缝滚动(小鹏写)
    内置对象-Request对象
  • 原文地址:https://www.cnblogs.com/wqx-qianduan/p/3155251.html
Copyright © 2020-2023  润新知