如何正确向getBooks函数按需传递参数：仅传authorId或传page、count

这个问题我碰到过好几次，确实容易踩参数错位的坑。给你几个实用的解决思路，按需选择：

方案1：使用配置对象（最推荐，扩展性最强） #

把函数参数改成一个配置对象，这样调用时明确指定每个参数的含义，彻底避免参数顺序混淆的问题，也是现代JavaScript开发的常用做法：

function getBooks(options = {}) {
  // 解构赋值，可按需设置默认值
  const { page = 1, count = 10, authorId } = options;
  
  // 用URLSearchParams处理参数拼接，更规范
  const params = new URLSearchParams();
  if (page !== undefined) params.append('page', page);
  if (count !== undefined) params.append('count', count);
  if (authorId !== undefined) params.append('author', authorId);
  
  return API.get(`/books/?${params.toString()}`)
    .then(response => response.data);
}

调用方式： #

• 基于ID搜索：getBooks({ authorId: 'akdjh23' })
• 分页获取书籍：getBooks({ page: 1, count: 40 })

优点： #

• 参数顺序完全不影响，调用时一目了然
• 后续新增参数（比如搜索关键词keyword）非常方便，不需要修改函数签名
• 避免了参数类型判断带来的潜在bug

方案2：通过参数数量/类型判断兼容原有调用方式 #

如果不想改动太多现有调用代码，可以通过判断参数的数量或类型来区分两种场景：

function getBooks(pageOrAuthor, count, authorId) {
  let page, author;
  
  // 场景1：只传了一个参数 → 视为authorId
  // 或者如果第一个参数是字符串（假设page是数字类型），也视为authorId
  if (arguments.length === 1 || typeof pageOrAuthor === 'string') {
    author = pageOrAuthor;
    page = 1; // 设置默认页码
    count = 10; // 设置默认每页数量
  } else {
    // 场景2：传了2个或3个参数 → 视为page、count、authorId
    page = pageOrAuthor;
    author = authorId;
  }
  
  return API.get(`/books/?page=${page}&count=${count}&author=${author || ''}`)
    .then(response => response.data);
}

调用方式： #

• 基于ID搜索：getBooks('akdjh23')
• 分页获取书籍：getBooks(1, 40)

注意： #

这种方式依赖参数的数量或类型判断，如果你的page也可能是字符串类型（比如前端传入的字符串数字），这个判断逻辑会失效，需要调整判断规则（比如检查参数是否符合authorId的格式）。

方案3：拆分函数（职责最清晰） #

既然是两个不同的业务场景，干脆把函数拆分成两个职责单一的函数，彻底避免参数混淆：

// 分页获取书籍
function getBooksByPage(page = 1, count = 10) {
  return API.get(`/books/?page=${page}&count=${count}`)
    .then(response => response.data);
}

// 根据作者ID获取书籍（也可按需添加分页参数）
function getBooksByAuthor(authorId, page = 1, count = 10) {
  return API.get(`/books/?author=${authorId}&page=${page}&count=${count}`)
    .then(response => response.data);
}

调用方式： #

• 基于ID搜索：getBooksByAuthor('akdjh23')
• 分页获取书籍：getBooksByPage(1, 40)

优点： #

• 函数职责明确，代码可读性极高
• 后续维护时不容易出错，每个函数只处理一种场景

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