JS箭头函数用户和箭头函数转成普通函数处理方法

1 箭头函数

箭头函数是ES6出现的新的函数形式

即,使用ES6箭头函数语法定义函数，将原函数的“function”关键字和函数名都删掉，并使用“=>”连接参数列表和函数体。

如:普通函数定义
 

var fn1 = function(a, b) {
    return a + b
}
 
function fn2(a, b) {
    return a + b
}

箭头函数定义,为

var fn1 = (a, b) => {
    return a + b
}
 
(a, b) => {
    return a + b
}

详细说明,参考:ES6新特性箭头函数语法、如何正确使用箭头函数

2 箭头函数转普通函数

箭头函数

this.$get('/posts').then(res=>{
      console.log(this)
      this.datalist=res.data
    })

转成普通函数:补回function(),res只作为其中的参数

this.$get('/posts').then(function(res){
      console.log(this)
    })

3 特别注意This的指向

普通函数：哪个对象调用普通函数，普通函数就指向该对象。
箭头函数：箭头函数的this是继承的上一层对象。

上面代码中的两个this对象指向就是不相同的,具体可以尝试一下.

参考:

JS普通函数与箭头函数区别

ES6新特性箭头函数语法、如何正确使用箭头函数