ES6箭头函数Arrow Function

const numbers = [1, 2, 3, 4, 5, 6];
numbers.forEach(function(number) {
console.log(number);
})// 箭头函数简写形式
// 1.去掉function关键字，使用 => 替代
numbers.forEach((number) => {
console.log(number);
})// 当匿名函数有且仅有一个参数的时候，参数的括号可以进一步省略，当参数列表有多个参数是，括号不能省略
numbers.forEach(number => {
console.log(number);
})

numbers.forEach(number => console.log(number));
// 箭头函数语法很简洁有木有
// 上面的代码与下面是等价的
numbers.forEach(number => {
return console.log(number);
})
// 虽说返回console.log()的值不太好，但写起来更加简便，
// console.log()是没有返回值的，而且forEach()方法进行迭代也是没有返回值的
// 需要注意的是，当return值返回的是一个对象时，不能够直接使用箭头返回
// getObject = () => {name: 'zhang', age: 18}; ###错误示例，外层的大括号将被解析为代码块，因此报错
let getObject = () => ({name: 'zhang', age: 18}); // 正确示例

const json = {
header: 'header',
bodyList: ['body1', 'body2', 'body3'],
concat: function () {
this.bodyList.forEach(function(item){
console.log(this.header + item);
})
}
}
json.concat();

// es5中的解决方法
const json = {
header: 'header',
bodiList: ['body1', 'body2', 'body3'],
conacat: function() {
// 由于concat函数是由json直接调用的，因此在此处this指向json，使用self保存当前的上下文
var self = this;
this.bodyList.forEach(function(item) {
console.log(self.header + item);
})
}
}// es6中更简单的做法是使用箭头函数绑定this
let json ={
...
concat: function() {
this.bodyList.forEach(item => {
console.log(this.header + item);
})
}
}
json.concat()