前端随笔

mac2024-05-12  40

vue里的箭头函数

相当于以前的函数

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对象,就是定义时所在的对象,而不是使用时所在的对象。 2.当在vue中使用箭头函数,可以在函数中使用this 来引用全局的vue对象,若在传统函数中,有时会引不到。 3.并不是所有的函数都适合改为箭头函数。当函数中使用本身的 this 时,我们再用箭头函数将会造成冲突,此时应在函数外面定义一个变量 let $this = this 。在函数内部通过 $this来操作全局vue对象。

最新回复(0)