ES6快速入门第八章------ 函数的扩展 （可私信解惑）

• 箭头函数

ES6允许使用“箭头”（=>）定义函数。箭头函数使得表达更加简洁。

var    f = (参数)=>{ 代码块}
var    ff = (x,y)=>{ return x+y }

// 相当于
var f = function(参数){ 代码块 }
var ff = function(x,y){ return x+y }

由于大括号被解释为代码块，所以如果箭头函数直接返回一个对象，必须在对象外面加上括号。

 

箭头函数可以与变量解构结合使用。

const full = ({ first, last }) => first + ' ' + last;
// 等同于

var person={ first, last }；
function full(person) {

  return person.first + ' ' + person.last;
}

箭头函数可以嵌套使用。一个箭头函数大括号中可以嵌套另一个箭头函数。

• 箭头函数this对象指向(详细介绍请阅读我的另外一篇博文)

普通函数this 的指向

• js中的this是执行上下文，在普通函数中，this指向它的直接调用者；
• 在默认情况下(非严格模式)，在全局环境下，js中的this指向window；

箭头函数的this指向

箭头函数体内的this对象就是定义时所在的对象，而不是使用时所在的对