黄子涵

2.3.2 箭头函数定义

语法

(参数1, 参数2, ..., 参数N) => { 函数声明 }
(参数1, 参数2, ..., 参数N) => 表达式(单一)
// 相当于:(参数1, 参数2, ..., 参数N) => { return 表达式; }

// 当只有一个参数时,圆括号是可选的
(单一参数) => { 函数声明 }
单一参数 => { 函数声明 } 

// 没有参数的函数应该写成一对圆括号
() => { 函数声明 }

箭头函数的语法非常简单,之前没有接触过箭头函数的读者可能会惊讶于其代码的简洁。

示例19

// 箭头函数的书写方式
var hzh = () => console.log('黄子涵');

// 普通函数的书写方式
var hcq = function () {
    console.log('黄子涵');
}
console.log("箭头函数的输出:");
console.log(hzh());
console.log("");
console.log("普通函数的输出:");
console.log(hcq());
[Running] node "e:\HMV\JavaScript\JavaScript.js"
箭头函数的输出:
黄子涵
undefined

普通函数的输出:
黄子涵
undefined

[Done] exited with code=0 in 0.177 seconds

对比之下,箭头函数的简洁性一目了然。

posted @ 2022-06-09 11:57  黄子涵  阅读(37)  评论(0编辑  收藏  举报