ES6函数

ES6函数

在ECMA6中 我们新增了箭头函数，那么箭头函数和我们平常用的function函数有什么区别呢？
function函数定义

function add(a,b){
   
    return a + b;
}

或

var add = function (a,b){
   
    return a + b;
}

箭头函数定义

var add = (x,y)=> x + y;
alert( add(12,20));

那么对比上面两种定义方式，我们可以看出箭头函数对比普通函数,可以省略关键字 return和function。这是直观上能看出来的区别。

this

我们知道在函数中有一个很关键的东西就是this，那么箭头函数和function函数的this指向也是有区别的。

我们在页面上创建一个按钮，然后定义一个function函数,

window.onload = function(){
   
                var oBtn = document.getElementById("btn1");
                oBtn.onclick = function(){
   
                    var person = {
   
                        username