vue箭头函数和普通函数

Vue中的箭头函数和普通函数有一些区别。首先，箭头函数都是匿名函数，而普通函数可以是匿名函数也可以是具名函数。

对于作用域来说，箭头函数没有自己的作用域，它会捕获所在上下文的作用域。这意味着在箭头函数中，this的值是继承自外部的作用域而不是函数自身的作用域。而普通函数在不同的情况下有不同的this指向。在全局函数中，普通函数中this指向window对象。当普通函数被作为某个对象的方法调用时，this就等于那个对象。

另外，箭头函数没有自己的arguments对象，它会继承外部函数的arguments对象。普通函数则有自己的arguments对象。

在Vue中，当你使用箭头函数定义一个方法时，这个箭头函数将会继承父组件的作用域，而不是创建一个新的作用域。这对于使用this来访问组件的data、methods和computed属性非常有用。

总的来说，箭头函数在Vue中常用于声明简单的方法或者是在回调函数中使用，而普通函数则更常用于定义复杂的方法或者需要独立作用域的场景。

相关问题

vue3中箭头函数和普通函数

在Vue3中，箭头函数和普通函数有一些区别。首先，箭头函数不能作为Generator函数，不能使用yield关键字\[1\]。其次，箭头函数没有prototype原型对象，也没有super关键字\[1\]。此外，箭头函数也没有new.target关键字\[1\]。

最重要的区别是箭头函数中的this指向不同于普通函数。在普通函数中，this指向调用它的对象，如果用作构造函数，this指向创建的对象实例\[2\]。而箭头函数本身不创建this，它在声明时可以捕获其所在上下文的this供自己使用\[2\]。一旦this被捕获，就不再发生变化\[2\]。这意味着在箭头函数中，无论如何调用函数，this始终指向箭头函数声明时的上下文，而不是调用时的对象\[3\]。

总结来说，在Vue3中，箭头函数和普通函数在语法和this指向上有一些区别。根据具体的使用场景和需求，选择合适的函数类型来编写代码。
#### 引用[.reference_title]
- *1* *2* *3* [箭头函数和普通函数的区别](https://blog.csdn.net/qq_51677397/article/details/120123004)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

vue 外部函数与methods中函数区别_JavaScript 中普通函数与箭头函数的区别

在Vue中，外部函数与methods中函数的区别在于作用域。外部函数的作用域是全局作用域，而methods中的函数作用域是Vue实例的作用域，因此methods中的函数可以访问Vue实例的data、computed、watch等属性。

JavaScript中普通函数与箭头函数的区别在于this的指向。普通函数中的this默认指向函数的调用者，而箭头函数中的this指向箭头函数定义时所在的作用域。因此，箭头函数通常用于解决this指向问题，而普通函数则可以根据具体情况使用不同的调用方式来改变this的指向。