默认参数语法是 ECMAScript 6 (ES6) 中的一个新特性，它允许我们在定义函数时为参数设置默认值。这个特性可以让我们编写更加简洁、易读的代码。然而，由于不是所有的浏览器都支持 ES6，我们需要使用 Babel 来转换代码，以便在所有浏览器上运行。
本文将介绍如何使用 Babel 支持 JS 的默认参数语法。
安装 Babel
要使用 Babel，我们需要先安装它。我们可以使用 npm 命令来安装 Babel。
npm install --save-dev @babel/core @babel/preset-env
配置 Babel
安装完成后，我们需要配置 Babel。我们可以在项目根目录下创建一个 .babelrc 文件，并添加以下内容：
{
"presets": ["@babel/preset-env"]
}这个配置文件告诉 Babel 使用 @babel/preset-env 来转换代码。
使用默认参数语法
现在我们已经安装了 Babel 并配置了它，接下来我们可以使用默认参数语法了。
function multiply(a, b = 1) {
return a * b;
}
console.log(multiply(5)); // 5
console.log(multiply(5, 2)); // 10在上面的例子中，我们定义了一个名为 multiply 的函数，它有两个参数：a 和 b。我们设置了 b 的默认值为 1，这意味着如果我们不传递第二个参数，它将自动使用 1 作为默认值。我们可以在调用函数时传递第二个参数来覆盖默认值。
使用 Babel 转换代码
现在我们已经编写了使用默认参数语法的代码，接下来我们需要使用 Babel 将它转换为 ES5 代码，以便在所有浏览器上运行。
我们可以使用以下命令来转换代码：
npx babel index.js --out-file bundle.js
上面的命令将会把 index.js 文件转换成 ES5 代码，并将转换后的代码输出到 bundle.js 文件中。
结论
在本文中，我们学习了如何使用 Babel 支持 JS 的默认参数语法。我们安装了 Babel，配置了它，并使用默认参数语法编写了代码。最后，我们使用 Babel 将代码转换成 ES5 代码，以便在所有浏览器上运行。希望这篇文章对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6757f0587986361a54277486