Use Destructuring Assignment to Pass an Object as a Function's Parameters

最新推荐文章于 2021-12-06 12:01:04 发布

原创最新推荐文章于 2021-12-06 12:01:04 发布 · 410 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #es6

本文探讨了在JavaScript中如何使用函数参数解构来简化代码并提高效率。通过在函数定义时直接解构对象，可以减少不必要的变量声明，使代码更加整洁。文章提供了具体的代码示例，展示了如何仅获取所需字段进行操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

In some cases, you can destructure the object in a function argument itself.

Consider the code below:

const profileUpdate = (profileData) => {
  const { name, age, nationality, location } = profileData;
  // do something with these variables
}

This effectively destructures the object sent into the function. This can also be done in-place:

const profileUpdate = ({ name, age, nationality, location }) => {
  /* do something with these fields */
}

This removes some extra lines and makes our code look neat.

This has the added benefit of not having to manipulate an entire object in a function; only the fields that are needed are copied inside the function.

Example:

Use destructuring assignment within the argument to the function halfto send only maxand mininside the function.

const stats = {
  max: 56.78,
  standard_deviation: 4.34,
  median: 34.54,
  mode: 23.87,
  min: -0.75,
  average: 35.85
};
const half = (function() {
  "use strict"; // do not change this line

  // change code below this line
  return function half(stats) {
    // use function argument destructuring
    return (stats.max + stats.min) / 2.0;
  };
  // change code above this line

})();
console.log(stats); // should be object
console.log(half(stats)); // should be 28.015

solution1:

const half = (function() {
  "use strict"; // do not change this line

  // change code below this line
  return function half({max, min}) {
    // use function argument destructuring
    return (max + min) / 2.0;
  };
  // change code above this line

})();

solution2:

const half = (function() {
  "use strict"; // do not change this line

  // change code below this line
  return (({max, min}) => {
    // use function argument destructuring
    return (max + min) / 2.0;
  });
  // change code above this line

})();