es3時(shí)函數(shù)會(huì)默認(rèn)把'.'前面的對(duì)象默認(rèn)當(dāng)作this傳入函數(shù)，也可以用call、apply和bind等方法改變。
由于this太難用才產(chǎn)生=>弱化this產(chǎn)生的問(wèn)題。
但是this 指向不像py那樣明顯的寫(xiě)出來(lái)，導(dǎo)致指向不清產(chǎn)生各種問(wèn)題。
但是coffeescript中使用=>方便的解決this問(wèn)題（coffee還有個(gè)->沒(méi)抄）。
于是有了沒(méi)有this的箭頭函數(shù)，確保內(nèi)外this相同。
還使代碼簡(jiǎn)化。

//對(duì)代碼的一些簡(jiǎn)化
let xxx = (p1) => {
console.log(1)
return 2
}
xxx(2)
------------------------------------------------
//只有一個(gè)參數(shù)時(shí)，參數(shù)可以不寫(xiě)（）
//只有一行函數(shù)體時(shí)可以同時(shí)省略return與{}
//如果寫(xiě)了return必須加{}否則報(bào)錯(cuò)
let xxx = p1 => p1*p1
xxx(2)

函數(shù)的this

var controller ={
    el:'#app',
    init:function(){
        $(this.el).on('click',this.onClick)//此時(shí)this為   controller     
    },
    onClick:function(){
      this.getUse();    //但在這里調(diào)用時(shí)卻是#app這個(gè)元素
    },
    getUse:function(){
      console.log(this)
    }
}

下面是E6之前為解決問(wèn)問(wèn)題的一種方法

var controller ={
    el:'#app',
    init:function(){
      var self= this  //使用self來(lái)保留外面的this
      $(this.el).on('click',function(){
        self.xxx()  
      })
    },
    xxx:function(){
       this.getUse()  
    },
    function:getUse(){  
      console.log(this)
    }
}

ES6箭頭函數(shù)出現(xiàn)后

var controller ={
    el:'#app',
    init:function(){
      $(this.el).on('click',() => { //箭頭函數(shù)本身沒(méi)有this使用的是外面的this
        this.xxx()  //這里就是controller.xxx()
      })
    },
    xxx:function(){
       this.getUse()  
    },
    getUse(){  //ES6新語(yǔ)法，可以省略":function"
      console.log(this)
    }
}

使用call給箭頭函數(shù)指定this，this也不會(huì)改變。