ES6和ES5函数对象语法细节

一、 es5 定义的函数与对象语法

1. es5 定义函数

function fn (a, b) {
  return a + b
}
console.log(fn(2, 7))

2. 对象里定义 es5 函数（方法）

const obj = {
  myFn: function (a, b) {
    return a + b
}
console.log(obj.myFn(2, 7))

二、 es6 定义的函数与对象语法

1. es6 允许简写（对象 key 遇到 es5 函数），省略 :function

const obj = {
  myFn: function (a, b) {
    return a + b
  },
  // es6 允许简写（对象 key 遇到 es5 函数），省略 :function
  myFn2 (a, b) {
    return a - b
  },
  // 箭头函数
  myFn3: (a, b) => {
    return a * b
  }
}
console.log(obj.myFn(2, 7))
console.log(obj.myFn2(7, 2))
console.log(obj.myFn3(1, 2))

2. 箭头函数语法问题说明

目标：让一个数组的值放大 2 倍

const arr = [1, 3, 6, 9]
arr.map(function (item) {
  return item * 2
})

箭头函数简化

arr.map((item) => {
  return item * 2
})

极其简化写法

当形参只有一个的时候，省略小括号；当函数体只有一行的时候，省略大括号和 return，默认返回函数体表达式结果

arr.map(item => item * 2)