JavaScript |函数表达式

函数表达式允许我们创建一个没有任何函数名的匿名函数，这是函数表达式和函数声明之间的主要区别。函数表达式可以用作 IIFE（立即调用函数表达式），它在定义后立即运行。函数表达式必须存储在变量中，并且可以使用variableName 访问。随着 ES6 特性引入 Arrow 函数，声明函数表达式变得更加容易。

函数声明的语法：

function functionName(x, y) { statements... return (z) };

函数表达式的语法（匿名）：

let variableName = function(x, y) { statements... return (z) };

函数表达式的语法（命名）：

let variableName = function functionName(x, y) 
{ statements... return (z) };

箭头函数的语法：

let variableName = (x, y) => { statements... return (z) }; 

笔记：

• 函数表达式必须在调用它或将其用作参数之前先定义。
• 箭头函数必须有一个 return 语句。

以下示例说明了 JavaScript 中的函数表达式：

示例 1：函数声明代码。

Javascript

    function callAdd(x, y){
        let z = x + y;
        return z;   
    }
    console.log("Addition : " + callAdd(7, 4));

输出：

Addition : 11

示例 2：代码 为了 函数 表达（匿名）

Javascript

    var calSub = function(x, y){
        let z = x - y;
        return z;
    }
 
    console.log("Subtraction : " + calSub(7, 4));
 

输出：

Subtraction : 3

示例 3：代码 为了 函数 表达式（命名）

Javascript

    var calMul = function Mul(x, y){
        let z = x * y;
        return z;
    }
 
    console.log("Multiplication : " + calMul(7, 4));

输出：

Multiplication : 28

示例 4：代码 为了 箭 函数 

Javascript

    var calDiv = (x, y) => {
        let z = x / y;
        return z;
    }
 
    console.log("Division : " + calDiv(24, 4));

输出：

Division : 6

支持的浏览器：

• 铬 1 及以上
• 边缘 12 及以上
• 火狐 1 及以上
• Internet Explorer 3 及更高版本
• Opera 3 及以上
• Safari 1 及以上