箭头函数

带{}和不带{}

1. 不带{}是自动返回结果：

(e) => e + 1

这里相当于一个小函数，e相当于函数参数，相当于

function(e){
  return e + 1;
}

2. 带{}不自动返回结果，需要手动return

(e) => {return e + 1}

相当于

function(e){
  return e + 1;
}

无参数与多参数

1. 无参数

// 无参数:
() => 3.14

2. 多参数

// 两个参数:
(x, y) => x * x + y * y

3. 可变参数

这个有点搞😤，举个栗子

let fn = (x, y, ...others) => {
  console.log(others);
};

fn('Lucy', 'Owen', 'Will', 'Cater', 'Javion');

打印是这样：

image.png
...others就是把多出的参数放了进来。如果没有额外的参数，不定参数就是一个空数组

返回一个对象

用()包起来

x => ({ foo: x })

this

let obj = {
  birth: 1988,
  getAge: function () {
    let b = this.birth;
    return 2017 - b;
  }
};

console.log(obj.getAge());
//打印为29

this 直接拿到外面的类