javascript - vue.js方法有什么区别

Question

我目前正在学习 vue.js，看到人们以不同的方式构建他们的方法。我很好奇这两者之间有什么区别:

一:

greet: function (event) {
   alert('Hello ' + this.name + '!')
}

两个:

greet(event) {
   alert('Hello ' + this.name + '!')
}

Answer 1

greet 函数的两个版本完成相同的事情。

第一个版本作为对象的键值对更明确，其中 greet 是对象的键，函数是该键的值。

第二个版本是简写(如注释中所述，在 ES6 中引入)。

它们都是将函数写成表达式的方式。

函数声明类似于编写函数表达式，你可能对它们的样子很熟悉

function greet(){
    alert('Hello')
}

它们以名称 greet 之前的 function 关键字开头。它们的行为类似于函数表达式。

在代码页面中编写表达式的位置很重要，因为在解释器到达包含表达式的行之前它们不会加载。

函数声明被提升到其上下文的顶部。

可以找到更多示例和详细信息:

https://developer.mozilla.org/en-US/docs/web/JavaScript/Reference/Operators/function

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/function