javaScript-将对象作为函数参数传递

Question

我想使用一个对象作为函数参数。当我在函数外定义一个对象，然后将其作为参数传递时，它工作得很好：

var对象={a： 0个}函数foo（obj）{控制台.log（this.obj.a）；}foo（）//0

但当我直接通过一个物体时，它就不起作用了：

功能栏（{a:0}）{console.log（this.arguments.a）}//未捕获语法错误：意外数字

一个物体似乎是一个合法的论点。我该如何修复它？

Answer 1

ES6支持参数销毁。您可以使用：

功能栏（{a}）{控制台.log（a）}

但是，当您有多个参数时，它通常很有用：

//你用老方法将选项传递给函数函数oldOps（选项）{var协议=选项协议；var方法=option.method；var端口=option.port；console.log（端口）；}//新的更可读的方式函数newOps（{协议、方法、端口}）{console.log（端口）}

只有旧的IE不支持它。

但当我直接传递对象时，它不起作用：

功能栏（{a:0}）{console.log（this.arguments.a）}

不能以这种方式传递参数或初始化默认参数。此外，这在您的示例中，将引用父对象，因此这是一个论据。一没有意义，因为在大多数情况下，它会提到窗口对象。

在参数破坏的情况下，您可以使用默认参数，因此您的代码将如下所示：

功能栏（{a=0}）{控制台.log（a）}条（{}）//0

尽管如此，任何不带参数调用它的操作都会导致错误，因为JS将尝试解析未定义

您可以使用另一个默认参数赋值来解决此问题。当你真的想打电话的时候bar（）如果没有参数，并且破坏参数具有默认值，则应使用类似以下内容：

功能栏（{a=0}={}）{/*…*/}

别忘了浏览器并不广泛支持它，所以您必须使用transpiler转换浏览器支持的ES6代码。

最受欢迎的转发器是巴别塔和打字稿.

Answer 2

原因这与传递的变量无关。不要在这里使用它。只需做：

功能栏（{a=0}={}）{控制台.log（a）}酒吧（｛｝）//0bar（）//0棒材（{a:10}）//10

Answer 3

所有的答案都没有真正解决这个问题，所以我想我可以试试。

你问：“我想用一个对象作为函数参数。”然而，你的第一个例子并没有显示你这样做。你是不将对象作为函数参数传入。你怎么了是正在声明下的变量窗口（假设这是浏览器代码），然后将该变量的值记录到控制台。因为 这是上下文和这由函数的方式定义打电话，在本例中，上下文是窗口因此，您的代码可以正常工作。

您的第二个代码示例复合了您在第一个示例中所犯的错误。论据在本地作用域为函数。它不需要这你不能像访问对象一样访问它，因为论据是一个类似阵列的结构。您可以这样访问它：参数[0]。一假设您将对象传递到函数中，如下所示：条形图（{a:1}）.

JavaScript上下文和范围可能是一个很难理解的概念。我是一个经验丰富的JS开发人员，偶尔也会被发现，所以不要灰心。本文非常擅长解释上下文（和功能范围）我认为你会从中受益。

Answer 4

首先，您似乎将如何声明函数参数与如何调用函数以及如何使用以下代码传递参数结合在一起：

功能栏（{a:0}）{console.log（this.arguments.a）}

接下来，当访问参数时，只使用参数名，而不是这.这用于引用调用上下文对象，而不是函数参数。调用上下文对象本质上是负责首先调用函数的对象。它还可以指向一个对象，该对象被明确设置为替换本应是上下文对象的本机对象。在适当的情况下，它可以指向全球(窗口)对象或是未定义.这对于许多JavaScript开发人员来说，这通常是令人困惑的。这里是链接有关的更多信息这.

因此，您的代码应该是：

//声明函数并设置命名参数功能栏（someObj）{console.log（someObj）}//调用函数并传递对象文字：条（{a:0}）；

现在，您实际上可以为函数提供默认值，具体操作如下：

//建立一个具有值为“Hello”的`a`属性的对象//作为函数参数的默认值功能栏（obj={a:“Hello”}）{控制台日志（obj）；}bar（）；//将使用参数的默认值bar（{a:“再见”}）；//将使用传递的值