函数声明和函数表达式的区别

标签：直接   赋值   div   function   style   的区别   位运算   运算   函数名   

1.函数声明

函数声明以function关键字开头，接着是必须的函数（变量）名和以逗号分隔的可选的参数列表，再接着就是以大括号封装的函数体。函数声明必须是一个单独的JavaScript语句。

另外，需要注意的是，函数在运行时所有声明变量或声明函数都会被提升到当前函数的顶部。

例如下代码:

console.log(‘x‘ in window);//true
var x;

x = 0;

代码执行时js引擎会将声明语句提升至代码最上方，变为：

var x;
console.log(‘x‘ in window);//true
x = 0;

2.函数表达式

在任何情况下都是其它JavaScript语句的一部分（比如赋值表达式等号的右侧、函数的参数）的函数被称为函数表达式。

函数表达式最大的问题，在于js会将此代码拆分为两行代码分别执行。

例如下代码：

console.log(m);//输出：function m(){}
var m=1;
function m(){}

实际执行的代码为，先将 var m=1 拆分为 var m; 和 m = 1; 两行，再将 var m; 和 function m(){} 两行提升至最上方变成：

var m;
function m(){}
console.log(m);
m=1;

所以最终函数声明的m覆盖了变量声明的m，log输出为m函数。

3.比较

//函数声明
function myFunctionDeclaration(){
  function innerFunction() {}
}
//以下为函数表达式
var myFunc = function(){};
myFunc(function(){
  return function(){};
});

(function namedFunctionExpression () { })();

+function(){}();
-function(){}();
!function(){}();
~function(){}();

}); 
或者立即执行函数：

var doNothing = function(){};
doNothing();

或者作为其它函数的参数，可以通过参数名访问：

function doSomething(action) {
  action();
} 
关于立即执行函数：
   立即执行函数必须用括号包裹，原因很简单，JavaScript解析器需要区分函数声明和函数表达式，如果省略函数外边的括号，并且直接调用（ function(){}(2)此处函数外面没有括号），
JavaScript解析器开始解析，并且结束执行，因为这条语句是以function关键字开始，被当作函数声明，由于函数声明必须要有函数名，因此会抛出异常。函数外边的括号会给JavaScript解析器这是一个函数表达式的信号。为了达到相同的目的，也可以这样写：
(function (a){}(3)),括号的作用和上面相同。
位运算符的作用和上面也是相同的。

函数声明和函数表达式的区别

标签：直接   赋值   div   function   style   的区别   位运算   运算   函数名   

原文地址：https://www.cnblogs.com/Jade-Liu18831/p/9579916.html