当前位置是:汇盛国际 > 图文帮助 > 图文帮助

汇盛国际注册:JavaScript中函数表达式和函数声明及

来源:caddoing.com 作者:县马 发布时间:2018-01-08 点击量:

  

[javascript函数表达式,javascript函数声明]JavaScript中函数表达式和函数声明及函数声明与函数表达式的不同

  

  

  

函数表达式和函数声明  

  

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

  

  函数声明:  

  

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

  

  函数表达式:  

  

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

  

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

  

  
  
  function foo(){} // 声明,因为它是程序的一部分  var bar = function foo(){}; // 表达式,因为它是赋值表达式的一部分  new function bar(){}; // 表达式,因为它是new表达式  (function(){  function bar(){} // 声明,因为它是函数体的一部分  })();
  
  

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

  

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

  

命名函数表达式  

  

提到命名函数表达式,理所当然,就是它得有名字,前面的例子var bar = function foo(){};就是一个有效的命名函数表达式,但有一点需要记住:这个名字只在新定义的函数作用域内有效,因为规范规定了标示符汇盛国际不能在外围的作用域内有效:  

  
  
  var f = function foo(){  return typeof foo; // foo是在内部作用域内有效  };  // foo在外部用于是不可见的  console.log(typeof foo); // "undefined"  console.log(f()); // "function"  var f = function foo(){  return foo; // foo是在内部作用域内有效  };  // foo在外部用于是不可见的  console.log(typeof foo); // "undefined"  console.log( f()==f); // "function"  console.log(f.name);//foo
  
  

既然,这么要求,那命名函数表达式到底有啥用啊?为啥要取名?

  

  

正如我们开头所说:给它一个名字就是可以让调试过程更方便,因为在调试的时候,如果在调用栈中的每个项都有自己的名字来描述,那么调试过程就太爽了,感受不一样嘛。

  

  

ps:JS中函数声明与函数表达式的不同  

  

Js中的函数声明是指下面的形式:  

  
  
  function functionName(){  } 
  
  
  

这样的方式来声明一个函数,而函数表达式则是类似表达式那样来声明一个函数,如:  
  

  
  
  var functionName = function(){  }
  
  
  

可能很多朋友在看到这两一种写法时会产生疑惑,这两种写法差不多,在应用中貌似也都是可行的,那他们有什么差别呢?

  

  

事实上,js的解析器对函数声明与函数表达式并不是一视同仁地对待的。对于函数声明,js解析器会优先读取,确保在所有代码执行之前声明已经被解析,而函数表达式,如同定义其它基本类型的变量一样,只在执行到某一句时也会对其进行解析,所以在实际中,它们还是会有差异的,具体表现在,当使用函数声明的形式来定义函数时,可将调用语句写在函数声明之前,而后者,这样做的话会报错。

  




上一篇:11种ASP连接数据库的方法

下一篇:没有了