使用ES6标准优化JavaScript代码

我对ES6不是很在行，因此我很期待能得到一只小手：c。如何优化此代码以获得更好的视觉外观？我尝试了以下解决方案，但是，我确信我可以在这里使用array

array.prototype

方法，如

.map（）

或类似方法。这里的想法是确保常量列表永远不会是未定义的，如果是，请使用右侧的大小写：

函数getLeadingComments（上下文）{
const contextOptions=context？.options[0]；
const description=contextOptions？.description | |“基于反应的渐进式Web应用程序”；
const author=contextOptions？.author | |“”；
const license=contextOptions？.license | |“OSL-3.0”；
const packageName=contextOptions？.package | |“由我的项目提供动力”；
返回`/**
*${description}
*
*版权所有${author}。保留所有权利。
*有关许可证详细信息，请参阅许可证。
*
*@license${license}
*@package${packageName}
*/
`;
}

如

Ivar

所述，在中引入了可选链接，如果左侧操作数为

null

或

未定义

，则可以使用该选项返回右侧

function getLeadingComments(context) {
  const contextOptions = context?.options[0];

  const description =
    contextOptions?.description ?? "React based Progressive Web App";
  const author = contextOptions?.author ?? "";
  const license = contextOptions?.license ?? "OSL-3.0";
  const packageName = contextOptions?.package ?? "Powered by My Project";

  return `
/*
 * ${description}
 *
 * Copyright © ${author}. All rights reserved.
 * See LICENSE for license details.
 *
 * @license ${license}
 * @package ${packageName}
 */
`;
}

getLeadingComments({
  options: [
    {
      description: "Incoming Data Description",
      author: "Incoming Data Author",
      license: "Incoming Data License",
      package: "Incoming Data Package",
    },
  ],
});

---

可选链接不是ES6的一部分。它是在ES2020中引入的。你可以考虑使用一个默认的参数来破坏任务：@尼泊森，你是超级巨星！