箭头函数
带{}和不带{}
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');
打印是这样:
...others
就是把多出的参数放了进来。如果没有额外的参数,不定参数就是一个空数组
返回一个对象
用()包起来
x => ({ foo: x })
this
let obj = {
birth: 1988,
getAge: function () {
let b = this.birth;
return 2017 - b;
}
};
console.log(obj.getAge());
//打印为29
this 直接拿到外面的类