ES6-箭头函数

箭头函数--使用=>声明一个函数
特点:

如果没有参数或者多个参数,需要用()来定义参数列表
如果只有一个参数,可以不用()
如果函数体中只有一条语句,可以不用加{},并会自动加上return
如果箭头函数的返回值是一个对象,简写情况下需给返回值加上()
箭头函数不能用来创建构造函数
const fun = x => x*x;
console.log(fun(100))  //10000

const fun2 = (id,name) => ({id, name}) //返回值是对象的情况下,需给返回值加上()

箭头函数的this问题:
普通函数的this指向它的调用者,箭头函数的this指向箭头函数定义时所处的对象,而不是箭头函数使用时所在的对象,默认使用父级的this。

因此,箭头函数没有自己的this,它的this是继承而来,
默认指向在定义它时所处的对象(宿主对象)

你可能感兴趣的:(javascript前端es6)