JavaScript函数，在函数外部传递参数

Question

正在审阅以下文章：https://html-online.com/articles/get-url-parameters-javascript/

它们显示以下示例：

var number = getUrlVars()["x"];

有人可以解释参数在函数之外的语法吗？

Answer 1

如果是这样写的，您会问这个问题吗？

var myVariables = getUrlVars()
var number = myVariables["x"];

函数调用getUrlVars返回一个对象{x: 123}，开发人员立即读取该对象的属性。他们没有将其编写成两个步骤，而是将其编写为一个步骤。

如果仅从对象中读取一个属性，则这样做非常有用，但是如果要读取多个属性，最好通过将getUrlVars()存储到变量中来写出来，而不是使用它来读取属性。这样一来，您执行getUrlVars的过程就不会超过一次。

Answer 2

1. var num = getUrlVars()["x"];当被​​调用函数返回一个对象并且您只想从返回的对象中获得所需的值时，将使用此表达式。这里的["x"]不是用作对象属性访问器的参数。

function getUrlVars(){
  return{
    'x': 'This is x',
    'y': 'This is y'
  }
}

var num = getUrlVars()["x"];

console.log(num)

1. var number = getUrlVars('["x"]');在此表达式中，您将[x]作为参数传递给函数。