Javascript设置函数参数默认值【ES6/ES2015总结】

在js中设置函数参数默认值对于大多数朋友来说可以说是相当简单。 ES6/ES2015中的语法非常简单，但有些浏览器不兼容ES6/ES2015。也许你想说我们可以使用babel来编译并支持较低版本的浏览器。

确实babel可以解决这个问题:(，但是今天我还是想跟大家分享一下如何在ES6/ES2015及更低版本的js中设置函数的默认值。

ES6/ES2015

从ES6/ES2015开始，标准参数已经在语言规范中。

/**
 * 时间：2019年8月13日
 * 前端教程：https://codeqd.com/wp-content/uploads/2023/09/
 */

函数read_file（文件，delete_after = false）{
    // 代码
}

以上代码已实现默认参数，详细解释请参见MDN

您还可以使用 ES6/ES2015 中的解构赋值来实现默认命名参数：

/**
 * 时间：2019年8月13日
 * 前端教程：https://codeqd.com/wp-content/uploads/2023/09/
 */


函数 myFor({ 开始 = 5, 结束 = 1, 步骤 = -1 } = {}) { // (A)

}

ES2015 之前的版本

ES2015之前的版本有多种实现默认参数的方法。我见过最常用的方法是下面的代码。该方法支持传递任何值，包括 false 或 null。

/**
 * 时间：2019年8月13日
 * 前端教程：https://codeqd.com/wp-content/uploads/2023/09/
 */
函数 foo(a, b) {
    a = a 的类型 !== '未定义' ?一：42；
    b = 类型 b !== '未定义' ? b : '默认_b';
}