JavaScript如何支持跳过方法参数传递？如何自定义这类可选参数函数？

一、JavaScript支持跳过参数传递的底层逻辑 #

JavaScript本身没有对函数入参的数量做强制校验：

• 函数定义时的形参数量和调用时传入的实参数量可以不一致
• 没有被传值的形参会默认赋值为undefined，不会触发语法错误
  这是所有JS可选参数、参数重载能力实现的基础。

二、fs.readFile 可选参数的实现逻辑 #

你看到的两个调用方式都能正常运行，是因为Node.js的fs.readFile内部做了参数类型适配：

1. 函数会先判断第二个传入参数的类型
2. 如果第二个参数是字符串，就识别为编码配置，第三个参数作为回调函数
3. 如果第二个参数是函数，就识别为没有传编码配置，自动给编码赋默认值null，第二个参数直接作为回调函数
   这也就是为什么两段代码运行结果不同：片段1指定了utf8编码，回调拿到的是转码后的文本字符串；片段2没有指定编码，回调拿到的是原始的Buffer二进制对象。

三、自定义支持可选参数的函数的常用方法 #

方法1：ES6 参数默认值（最简单，适合固定位置的可选参数） #

直接在定义形参时给可选参数赋默认值即可，未传该参数时会自动使用默认值：

// 第二个参数encoding是可选参数，默认值为utf8
function printFileContent(path, encoding = 'utf8') {
  const content = require('fs').readFileSync(path, encoding)
  console.log(content)
}

// 调用时可以跳过第二个参数
printFileContent('./content.txt')

方法2：参数类型判断（适合灵活位置的可选参数，和fs.readFile逻辑一致） #

如果你的函数需要支持参数位置调整（比如把回调放在第二位或者第三位都可以），可以在函数内部做类型判断动态分配参数：

function customReadFile(path, options, callback) {
  // 参数适配逻辑
  if (typeof options === 'function') {
    // 没有传options，第二个参数是回调
    callback = options
    options = { encoding: null }
  } else if (typeof options === 'string') {
    // 传的是编码字符串，转成配置对象
    options = { encoding: options }
  }

  // 后续业务逻辑统一使用options和callback即可
  require('fs').readFile(path, options, (err, data) => {
    callback?.(err, data)
  })
}

// 两种调用方式都可以正常运行
customReadFile('./content.txt', 'utf8', (err, data) => console.log(data))
customReadFile('./content.txt', (err, data) => console.log(data))

方法3：使用arguments对象（适合参数数量不固定的场景） #

函数内部可以通过内置的arguments类数组对象拿到所有传入的实参，自己遍历判断参数类型和用途即可，这种方式现在使用频率较低，更推荐前两种实现方案。

内容的提问来源于stack exchange，提问作者Paper_Folding