【007】箭头函数

🌰箭头函数标准写法

let xxx = (参数) => {函数体}

let hello = () => {
  console.log('hello')
}
hello()
//输出->> hello

let helloWorld = (name, city) => {
  console.log('hello ' + name + city)
}
helloWorld('world ', 'Shanghai')
//输出->> hello world Shanghai

let sayHello = name => {
// let sayHello = (name) => {
// 只有一个参数的时候（）可省略不写
// 没有参数的是绝对不可以省略（）的！
  console.log('hello ' + name)
}
sayHello('Mike')
//输出->> hello Mike

箭头函数中{}省略的场景

1.返回值的是表达式{}可以省略
2.返回的是对象，必须用()
3.返回的是其他值必须用{},不可以省略

1.返回值的是表达式{}可以省略

let sum1 = (x, y, z) => x + y + z
console.log(sum1(1, 2, 3))

2.返回的是对象，必须用()

let sum2 = (x, y, z) => ({
  x: x,
  y: y,
  z: z
})
// =>(运算表达式{对象})
// =>这里最外层的{}省略掉了，只有内部的（{}）
console.log(sum2(1, 2, 3))
//输出->> Object { x: 1, y: 2, z: 3 }

上面sum2的写法等价于下面sum3

let sum3 = (x, y, z) => {
  return {
    x: x,
    y: y,
    z: z
  }
  // 这里的{}就是函数体
}
console.log(sum3(2, 3, 4))
//输出->> Object { x: 2, y: 3, z: 4 }

3.返回的是其他值必须用{},不可以省略

let sum4 = (x, y) => {
  console.log('i like ' + x + y)
}
console.log(sum4('x1', 'y2'))
//输出->> i like x1y2