Javascript 进阶 9-1 箭头函式简介-58码农网

关于箭头函式的介绍也是属于 ES6 的範畴，跟上一个章节的 Let 以及 Const 一样。

关于ES6 的新增语法

让原有 JS 撰写更为精简 (语法糖)让 JS 撰写观念更为直觉、简便(新方法) => Let,Const,Arrow Function

我们先来看看下列的程式吧~

const callName = function (someone) {    return '我是' + someone;}console.log(callName('哈士奇'));

这个函式，很明显就是将参数传入 callName 的函式之后，会回传 '我是' + 传入的参数的字串。

那么如果要改写成箭头函式的话该怎么做呢?

移除 function 的字眼在传入参数的右边补上 =>

修改完的结果就如下所示:

const callName = (someone) => {    return '我是' + someone;}console.log(callName('哈士奇'));

显示的结果也是会跟原本的一样~

箭头函式在某些情况下可以进行进一步的程式码精简~

内容只有一行表达式的时候，可以去除大括号{}以及return的字样，会自动 return 表达是的结果。传入的参数只有一个的时候，可以省略小括号()。但没有参数或是两个参数以上的时候不能省略!

所以就可以缩写成下面这样喔~

const callName = someone => '我是' + someone;console.log(callName('哈士奇'));

好的，这篇文章就简单介绍了如何撰写箭头函式以及如何缩写箭头函式的方法，没有问题的话就往下一篇文章迈进吧!汪汪~