[ Day 19 ] - 箭头函式

这边先简单介绍前面有用到的函式陈述式和函式表达式

• 函式陈述式：特性是放在宣告的 function 前或後都可以执行

function numA(x) {
  return x + x;
}

console(numA(3)); // 结果为 6

• 函式表达式：因为是先宣告变数，里面才有函式，执行时必须放在宣告的变数之前，才可以执行。

cont numB = function(x) {
  return x + x;
}

console(numA(5); // 结果为 10

箭头函式表示式

• 原面函式表达式的写法

const numA = function(x) {
  return x+x;
  }
  
console.log(numA(5); 结果为 10

• 改成箭头函式的写法

const numA = (x) => {
  return x+x;
}
console.log(numA(5); // 结果为 10

• 如果是多个参数的情况

const numA = (x, y) => {
  return x+x+y;
}
console.log(numA(3, 6)); // 结果为 12

箭头函式再缩写

• 如果只是回传某个运算结果时，可以将 return 及大括号省格
  范例如下

const numA = x => x+x;
console.log(numA(5); // 结果为 10

• 如果只有一个参数时，可以省略小括号

const numA = (x) => x+x;
console.log(numA(5); // 结果为 10

• 箭头函式不需要参数时，小括号不可以再省略

const test = () => console.log('安安!');

console.log(test()); //显示安安

参考资料及学习资源

• 0 陷阱！0 误解！8 天重新认识 JavaScript！
• JavaScript 指南
• 六角学院 - JavaScript 必修篇 - 前端修练全攻略

本日小节

箭头函式好像总算有点看懂了！
之前还有种这到底是什麽奇幻的语法，我的天R
每日学习进度一点一滴成长中，欢迎有任何问题传讯息给我
我们下次见！