Vue ES6箭头函数使用总结
by:授客 QQ：1033553122
箭头函数
ES6允许使用“箭头”（=>）定义函数：
函数不带参数
定义方法：函数名称 = () => 函数体
let func = () => 1
等同于
function func() {
return 1;
}
函数只带一个参数
定义方法：
函数名称 = 参数 => 函数体
或者
函数名称 = (参数) => 函数体
let func = state => state.count
function func(state) {
return state.count;
函数带多个参数
定义方法：函数名称 = (参数1,参数2,...，参数N) =>函数体
let arg2 = 1
let func = (state, arg2) => state.count + arg2
function func(state，arg2) {
return state.count + arg2;
函数体包含多条语句
let author = {
name: "授客",
age: 30,
viewName: () => {
console.log("author name"); // 输出undefined
// 当前this指向了定义时所在的对象
console.log(this.name); // 输出undefined,并没有得到"授客"
}
};
author.viewName();
注意
函数体内的this对象，就是定义时所在的对象，而不是使用它时所在的对象
作者：授客
QQ：1033553122
全国软件测试QQ交流群：7156436
Git地址：https://gitee.com/ishouke
友情提示：限于时间仓促，文中可能存在错误，欢迎指正、评论！
作者五行缺钱，如果觉得文章对您有帮助，请扫描下边的二维码打赏作者，金额随意，您的支持将是我继续创作的源动力，打赏后如有任何疑问，请联系我!!!
微信打赏
支付宝打赏 全国软件测试交流QQ群
