javascript - javascript中括号内的大括号是什么意思？

Question

我对 javascript 比较陌生，我正在学习 VueJS。当启动一个新的 vue 对象时，我意识到代码与此类似:

new Vue({
    el: ‘#app’,
    data: {
        title: ‘hello World’
    }
});

通过使用 js 对象，我知道我们可以像这样用大括号启动对象:

var car = {
   type: "Fiat", 
   model: "500", 
   color: "white"
};

而且我也知道括号用于函数，我们可以在括号内添加大括号，如下所示:

connect({ name: "testing" });

但是 vue 中的下一个符号让我感到困惑，因为我知道 vue 是一个对象而不是函数，所以我不知道为什么有括号，有人可以向我澄清这部分吗:

new Vue({});

谢谢..如有回复，我们将不胜感激

Answer 1

是的 - 与您在这里的用法相同:

connect({ name: "testing" })

new 表示构造函数，它的调用方式与函数类似，因此您可以使用括号。 Vue 构造函数需要一个对象，该对象由大括号表示。所以这个:

new Vue({})

意味着您没有向 Vue 构造函数传递任何选项。

如果您对为什么 Vue“不是函数”感到困惑，那么这是因为使用 new 和类名构造了该类的实例。如果您使用 ES5 风格的构造函数:

function Construction(option) {
  this.option = option;
}

那么这是如何发生的就相当明显了。类构造函数略有不同，但它们的创建方式没有任何区别 - 就像函数调用一样。与任何函数一样，您可以传递一个对象。