vue中的箭头函数 =>
基本语法:ES6允许使用“箭头”(=>)定义函数var f = a = > a//等同于var f = function(a){return a;}如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。//无形参var f = () => 5;// 等同于var f = function () { return 5 };//多...
·
基本语法:
ES6允许使用“箭头”(=>)定义函数
var f = a = > a
//等同于
var f = function(a){
return a;
}
如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。
//无形参
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();
更多推荐
已为社区贡献1条内容
所有评论(0)