javascript - 函数的 JavaScript 参数中的花括号

Question

函数的 JavaScript 参数周围的花括号有什么作用？

var port = chrome.extension.connect({name: "testing"});
port.postMessage({found: (count != undefined)});

Answer 1

自从提出这个问题以来，出现了第二个可能的答案。Javascript ES6引入了解构赋值。

var x = function({ foo }) {
   console.log(foo)
}

var y = {
  bar: "hello",
  foo: "Good bye"
}

x(y)


Result: "Good bye"

Answer 2

花括号表示对象字面量。它是一种发送数据键/值对的方式。

所以这：

var obj = {name: "testing"};

像这样使用来访问数据。

obj.name; // gives you "testing"

你可以给对象几个逗号分隔的键/值对，只要键是唯一的。

var obj = {name: "testing",
           another: "some other value",
           "a-key": "needed quotes because of the hyphen"
          };

您还可以使用方括号来访问对象的属性。

在"a-key".

obj["a-key"] // gives you "needed quotes because of the hyphen"

使用方括号，您可以使用存储在变量中的属性名称访问值。

var some_variable = "name";

obj[ some_variable ] // gives you "testing"

Answer 3

javascript 中的花括号用作创建对象的简写。例如：

// Create an object with a key "name" initialized to the value "testing"
var test = { name : "testing" };
alert(test.name); // alerts "testing"

查看 Douglas Crockford 的JavaScript 调查了解更多详情。

Answer 4

var x = {title: 'the title'};

定义一个具有属性的对象字面量。你可以做

x.title 

这将评估为'标题;

这是将配置传递给方法的常用技术，这就是这里发生的事情。