javascript - 如何在函数中使用该对象作为参数以及如何调用该函数

Question

我的代码是单独工作的(对象打印，数学公式计算正确)，但是我不明白如何连接公式中的对象并让它打印我的最终答案。

我唯一知道要尝试的是不同的参数名称，但我不知道参数是如何工作的。

// Assignment 2
// Write a function that accepts one parameter to calculate ...
// ... the surface area of the outside of a box


// Introducing the object & asking the user for the three measuremeants

let sides = {
    a: prompt ("Enter the measuremeants of side A"),
    b: prompt ("Enter the measuremeants of side B"),
    c: prompt ("Enter the measuremeants of side C")
    };

// console.log(sides.a + sides.b + sides.c);  - testing object

// Introducing the function

function calcArea(sides) {

// let a=1 let b=3 let c=4 - testing math formula
let surfaceArea = 2*a*b + 2*b*c + 2*a*c;
console.log("Side A=" + a + ", Side B=" + b + ", Side C=" + c);
console.log("The area is: " + surfaceArea);
};

//Recalling the function
calcArea(surfaceArea);

这些是我的程序应该做的事情的期望:

• 创建一个对象变量，用于存储盒子所有 3 条边的长度。
• 提示用户输入 3 个边长，并使用属性 a 、 b 和 c 将它们存储在对象中。

• 创建一个名为 calcArea 的函数，它接受一个参数，即我们之前创建的对象。使用根据下面的公式，计算并返回表面积。 (2ab+2bc+2ac)

• 使用模板字符串显示盒子的三个侧面以及带有描述性文本的最终表面区域。

例如:

Side A=3, Side B=4, Side C=5
The area is: 94

Answer 1

由于该函数使用独立变量 a、b 和 c，因此您可以将对象传递给函数并解构立即 a、b 和 c 属性，允许您将它们作为独立变量引用并在公式中使用它们:

const sides = {
  a: prompt("Enter the measuremeants of side A"),
  b: prompt("Enter the measuremeants of side B"),
  c: prompt("Enter the measuremeants of side C")
};
function calcArea({ a, b, c }) {
  const surfaceArea = 2 * a * b + 2 * b * c + 2 * a * c;
  console.log("Side A=" + a + ", Side B=" + b + ", Side C=" + c);
  console.log("The area is: " + surfaceArea);
};
calcArea(sides);

如果不解构或提取到单个变量中，您必须将函数内对 a、b 和 c 的每个引用更改为sides.a、sides.b 和 sides.c:

const sides = {
  a: prompt("Enter the measuremeants of side A"),
  b: prompt("Enter the measuremeants of side B"),
  c: prompt("Enter the measuremeants of side C")
};

function calcArea(sides) {
  const surfaceArea = 2 * sides.a * sides.b + 2 * sides.b * sides.c + 2 * sides.a * sides.c;
  console.log("Side A=" + sides.a + ", Side B=" + sides.b + ", Side C=" + sides.c);
  console.log("The area is: " + surfaceArea);
};
calcArea(sides);

要也使用模板文字，请使用反引号而不是 " 分隔符和连接:

const sides = {
  a: prompt("Enter the measuremeants of side A"),
  b: prompt("Enter the measuremeants of side B"),
  c: prompt("Enter the measuremeants of side C")
};
function calcArea({ a, b, c }) {
  const surfaceArea = 2 * a * b + 2 * b * c + 2 * a * c;
  console.log(`Side A=${a}, Side B=${b}, Side C=${c}`);
  console.log(`The area is: ${surfaceArea}`);
};
calcArea(sides);

您可能还会注意到，通常最好使用 const 而不是 let - let 适用于需要重新分配的情况。 稍后再添加一个变量。