JavaScript 中的花括号是什么意思？答案

【问题标题】：What do curly braces in JavaScript mean?JavaScript 中的花括号是什么意思？
【发布时间】：2012-03-30 17:47:14
【问题描述】：

我在一个 jQuery 文件中找到了这个：

xxx.css({ 'float' : 'right' });

花括号有什么作用？

【问题讨论】：

标签： javascript jquery css

【解决方案1】：

在您的情况下，它是一个传递给您的 css 函数的对象。

myObj={} // a blank object

这里你也可以用这个

myObj={'float' : 'right'}
xxx.css(myObj);

这是另一个对象的例子

var myObj={
    'varOne':'One',
    'methodOne':function(){ alert('methodOne has been called!')}        
}
myObj.methodOne(); // It will alert 'methodOne has been called!'

小提琴是here。

【讨论】：

虽然没有充分的理由为此目的创建一个全局变量。
谢谢，这只是一个让OP清楚的例子。
这是一个关于 syntax 的问题，因此绝对存在为此目的创建变量的绝妙理由。事实上，也许答案可能想要包含类似于myObj.varOne 的内容，取值'One'

【解决方案2】：

您显示的代码中的花括号定义了object literal

【讨论】：

但是为什么 OP 有 'float':'right' 而不是 float: 'right'？就像您声明的链接一样。
@KeKe 两种语法都有效。 language specification 允许使用数字文字、string 文字（如在 OP 的示例中）和 identifier names（如在 Mozilla 开发人员门户中）来定义对象属性名称。单词float 满足标识符名称的所有语法要求，因此可以省略引号。
@KeKe 还请记住，float 是 ECMAScript 3 中的保留字。过去（在 ECMAScript 5 规范发布之前）some browsers 没有'不允许保留字作为对象属性名而不使用引号。还有一些工具（例如YUI Compressor）在此类代码上失败。

【解决方案3】：

在 javascript 中，花括号有多种用途。

我的情况是这些用于创建键值对。

在其他情况下，花括号用于将一组语句组合在一个块中。有时它们被用来创建对象比如 var abc = { "a": 1, "b": 2 };

【讨论】：

【解决方案4】：

这是一个对象字面量。

var x = {'float': 'right'} 是 var x = new Object(); x.float = 'right'; 的更好/更短的形式

【讨论】：

【解决方案5】：

这是“javascript 大括号”的热门搜索引擎结果。因此值得一提的是，JavaScript 中的大括号可用于：

对象字面量
一个代码块
Object destructuring

【讨论】：

但是这是什么，内部的（在 Quasar - Vuex 文档中）：const Store = createStore({ modules: { showcase }, })

【解决方案6】：

基本上，花括号 {} 是在 javascript 中创建对象的另一种方式。这相当于“new Object()”语法。

【讨论】：

【解决方案7】：

花括号像这样标识一个对象：

timObject = {
    property1 : "Hello",
    property2 : "MmmMMm",
    property3 : ["mmm", 2, 3, 6, "kkk"],
    method1 : function(){alert("Method had been called" + this.property1)}
};

在 jQuery 中，它们用于为您的方法提供带有选项的对象。你也可以像 xxx.css("width","10px").css("font-size","30px"); 这样写你的代码，但是传递一个 Object 让它更快，更易读

xxx.css({"width":"10px","font-size":"20px"});

http://docs.jquery.com/Types#Object

【讨论】：

【解决方案8】：

创建一个对象。

var myObject = {"element" : "value"};
alert(myObject.element); // Would alert: "value"

【讨论】：

【解决方案9】：

那是object literal

对象字面量是零或多对属性名称和对象关联值的列表

【讨论】：

【解决方案10】：

创建对象文字。

如果需要，请在此处阅读更多信息：http://www.dyn-web.com/tutorials/obj_lit.php

【讨论】：

仅供参考的链接已损坏

【解决方案11】：

他们在这个例子中封装了 css 属性。

通常，大括号表示一个函数或一段需要作为一个整体执行的封装代码。

【讨论】：