ES6允许使用,所以在Vue的代码中,经常看见 => 这样的函数写法
单个参数,如下
const f = a => a;
相当于
const f = function (a) {
return a;
}
无参数,如下
const f = () => 666;
相当于
const f = function () {
return 666;
}
多个参数
const f = (a, b) => a + b;
相当于
const f = function (a, b) {
return a + b;
}
注意事项
【1】定义的function,在那个对象A里面,this指向的就是A
const title = "A";
const book = {
title: "《Vue入门到精通》",
content: "看起来也就一般般",
fc: () => {
console.log(this); //此处的this,指向book
console.log(this.title); //此处的this,指向book.title
}
}
book.fc();
如果不用=>声明函数的话,代码如下:
const book = {
title: "《Vue入门到精通》",
content: "看起来也就一般般",
fc: function () {
console.log(this); //此处的this,指向book
console.log(this.title); //此处的this,指向book.title
}
}
book.fc();