JavaScript Day16 - 箭头函式

函式陈述式与函式表达式

• 函式陈述式：之前直接定义 function 的方式
  • 会被提升到最上面，所以可以在 function 前使用
• 函式表达式：前面使用变数 (let、const) 再加上 function
  • 变数特性，所以不可在宣告前使用

// 函式陈述式
function num(x) {
    return x+x;
}

// 函式表达式
const num = function(x) {
    return x+x;
}

ES6：箭头函式(arrow function)

• 使用 => 来省略 function
• {} 内容只有一行 return，可省略 {} 与 return
• 只有一个参数时，可省略 ()
• 若无参数，就一定要有 ()
• 还有一些进阶的特性，未来有机会再补充，或是可以参考下面的参考资料

const add = function(a, b) {
    return a + b;
}

// 基本=>
const add = (a, b) => {
    return a + b;
}

// 只有一行 return
const add = (a, b) => a + b

// 只有一个参数时，可省略()
const add = a => a

// 若无参数，就一定要加()
const add = () => { 内容 }

参考资料

MDN 箭头函式
JavaScript ES6 Arrow Functions 箭头函数
铁人赛：箭头函式 (Arrow functions)
箭头函式
[笔记] JavaScript ES6 中的箭头函数（arrow function）及对 this 的影响

次回

预计说明一下阵列的其它用法