vue中的箭头函数
1、ES6允许使用“箭头”(=>)定义函数
var f = a = > a //等同于 var f = function(a){ return a; }
2、如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。
//无形参 var f = () => 5; // 等同于 var f = function () { return 5 }; //多个形参 var sum = (num1, num2) => num1 + num2; // 等同于 var sum = function(num1, num2) { return num1 + num2; };
二、注意事项:
1、函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。
var name = '张三'; var person = { name:'李四', age:18, fav:function(){ console.log(this) console.log(this.name) //李四 } } person.fav();
此时this指向的是使用它的对象,也就是person对象
var person2 = { name:'李四', age:18, fav: ()=>{ // 当前this指向了定义时所在的对象(window) console.log(this); // window } } person2.fav();
- 上一篇 »javascript 箭头函数的使用 初学者必看
- 下一篇 »PHP 7.4 新语法:箭头函数