ES6中的箭头函数和扩展

箭头函数

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。
箭头函数与传统的JavaScript函数主要区别在于以下几点：
1.函数内置的this的值取决于箭头函数在哪里定义而非剪头函数执行的上下文关系；
2.new 不可用 箭头函数不能使用new关键字来实例化对象 不然会报错
3.this不可变 函数内置this 不可变 在函数体内整个执行环境中为常量
4.没有arguments对象 更不能通过arguments对象访问传入的参数 只能使用显式命名或其他es6新特性来完成

//不传入参数
var sum = ()=> 1 + 2;
//等同于
var sum = function(){
    return 1 + 2;
}
//注意！！argument不能继续使用
var show=()=>{
 console.log(arguments);
}
show(1,2,3);
// 会报错Uncaught ReferenceError: arguments is not defined


//this 的指向问题
var json= {
    name:'渣渣辉'，
    showName:()=>{
        return this.name
    }
}
//因为this指向了 window 所以return ：undefined
console.log(json.showName())

{}的使用

在箭头函数中，方法体内如果是两句话，那就需要在方法体外边加上{}括号。例如下边的代码就必须使用{}.

var add =(a,b=1) => {
    console.log('钢铁侠')
    return a+b;
};
console.log(add(1));

箭头函数中不可加new，也就是说箭头函数不能当构造函数进行使用。