返回对象的函数

在编写 JavaScript 函数时，我们通常会关注函数的输入和输出。而有时候，我们需要返回一个对象来包含多个属性值，这时就可以使用返回对象的函数。

定义一个返回对象的函数

定义一个返回对象的函数的基本语法如下：

function functionName() {
  return {
    property1: value1,
    property2: value2,
    ...
  }
}

其中，property1 和 property2 是对象的属性名，value1 和 value2 是对应属性的值。

例如，下面的代码定义了一个返回学生信息的对象：

function getStudentInfo() {
  return {
    name: '张三',
    age: 18,
    gender: '男'
  }
}

使用返回对象的函数

调用返回对象的函数，可以像调用普通函数一样，使用函数名后跟一对圆括号：

var studentInfo = getStudentInfo();
console.log(studentInfo.name); // 输出：'张三'
console.log(studentInfo.age); // 输出：18
console.log(studentInfo.gender); // 输出：'男'

也可以直接访问返回对象的属性：

console.log(getStudentInfo().name); // 输出：'张三'
console.log(getStudentInfo().age); // 输出：18
console.log(getStudentInfo().gender); // 输出：'男'

深入理解返回对象的函数

返回对象的函数实际上是返回了一个对象字面量，因此可以在对象字面量中使用任何合法的 JavaScript 表达式，例如：

function getCircle(radius) {
  return {
    radius: radius,
    diameter: radius * 2,
    area: Math.PI * radius * radius,
    circumference: 2 * Math.PI * radius
  };
}

返回对象的函数可以帮助我们封装复杂的数据结构，例如一个表单的数据：

function getFormData() {
  return {
    name: document.getElementById('name').value,
    email: document.getElementById('email').value,
    message: document.getElementById('message').value
  }
}

这样一来，我们就可以通过调用 getFormData() 函数获取到表单的数据，并将其传递给后端进行处理。

总结

• 返回对象的函数可以用于封装复杂的数据结构。
• 返回对象的函数实际上是返回了一个对象字面量。
• 在对象字面量中可以使用任何合法的 JavaScript 表达式。
• 调用返回对象的函数时，可以直接访问返回对象的属性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/14788