这是我参与「掘金日新计划 · 8 月更文挑战」的第1天，点击查看活动详情

前言

常见的函数创建(函数声明)，如下：

function sayHi() { 
    alert( "Hello" ); 
  }

下面再来谈谈另一种函数创建的方法，函数表达式

let sayHi = function() {
    alert( "Hello" ); 
  };

这里的函数创建在等号右侧进行，而变量“sayHi”得到的值正是这个创建的函数。function 关键字后面没有函数名。函数表达式允许省略函数名。这里我们立即将它赋值给变量，所以上面的两个代码示例的含义是一样的：“创建一个函数并将其放入变量 sayHi 中”。
匿名函数：在更多更高阶的情况下，可以创建一个函数并立即调用，或者安排稍后执行，而不是存储在任何地方，因此保持匿名。

函数实际是一个值

function sayHi() {
    alert( "Hello" ); 
} 
alert( sayHi ); // 显示函数代码*

这里会输出
一般在其它语言中，会执行函数但是js中这个函数没有括号因此它只被当成一个值来看待,如果带上括号就是执行函数了，输出“hello"

总结: 函数实际是一个值，因此上面两种方法的创建效果相同

奇妙的使用

由于函数是一个值，它也可以被复制

    function sayHi() {
    // (1) 创建 
        alert( "Hello" ); 
    } 
        let func = sayHi; // (2) 复制 
        func(); // Hello   (3) 运行复制的值（正常运行）！ 
        sayHi(); // Hello // 这里也能运行（为什么不行呢）

(1) 行声明创建了函数，并把它放入到变量 sayHi。

(2) 行将 sayHi 复制到了变量 func。请注意：sayHi 后面没有括号。如果有括号，func = sayHi() 会把 sayHi() 的调用结果写进func，而不是 sayHi 函数本身。

在函数可以通过 sayHi() 和 func() 两种方式进行调用。
其中，（1）可以变为

let sayHi = function() { // (1) 创建 
    alert( "Hello" ); 
};

细心的你有没有发现，函数表达式末尾有个分号。这里函数表达式是在赋值语句 `let sayHi = ...;` 中以 `function(…) {…}` 的形式创建的。建议在语句末尾加上分号 `;`，它不是函数语法的一部分。

分号用于更简单的赋值，例如 let sayHi = 5;，它也用于函数赋值。

函数表达式的高阶用法

function ask(question, yes, no) { 
    if (confirm(question)) yes() 
        else no(); 
    } 
    ask( "Do you agree?", 
   function() { 
       alert("You agreed."); 
   }, 
   function() { 
       alert("You canceled the execution."); 
       } );

里直接在 ask(...) 调用内进行函数声明。这两个函数没有名字，所以叫 匿名函数。这样的函数在 ask 外无法访问（因为没有对它们分配变量），不过这正是我们想要的。

总结：一个函数是表示一个“行为”的值，字符串或数字等常规值代表数据。函数可以被视为一个 行为（action） 。我们可以在变量之间传递它们，并在需要时运行（例如上面的回调函数）

函数表达式 vs 函数声明

总结：

函数声明地方调用，而函数表达式只有创建完成后（即在语句后的位置才可使用）

多数情况下，当我们需要声明一个函数时，最好使用函数声明。因为函数在被声明之前也是可见的。这使我们在代码组织方面更具灵活性，通常也会使得代码可读性更高。

函数表达式

前言