JavaScript含函数的多参数传递方法及参数未定义问题排查

嘿，我来帮你拆解这两个JavaScript问题：

在JS里传递包含函数的参数，分两种常见场景，看你需求来选：

• 传递函数的执行结果：如果需要把某个函数运行后得到的值作为参数，直接在目标函数的参数位置调用这个函数就行，比如：

  // 示例辅助函数
  function generateIds() {
    return [101, 102, 103];
  }
  function getDefaultOffset() {
    return 0;
  }
  
  // 把两个函数的执行结果作为参数传入
  function loadProducts(productIds, offset) {
    console.log("IDs:", productIds, "Offset:", offset);
  }
  
  loadProducts(generateIds(), getDefaultOffset());
  

  这里generateIds()和getDefaultOffset()会先执行，把它们的返回值传给loadProducts。

• 传递函数本身（引用）：如果需要让目标函数内部决定什么时候调用这个函数，直接传函数名（不加括号）就行：

  function generateIds() {
    return [101, 102, 103];
  }
  
  function loadProducts(idGenerator, offset) {
    // 在内部调用传入的函数
    const productIds = idGenerator();
    console.log("IDs:", productIds, "Offset:", offset);
  }
  
  loadProducts(generateIds, 0); // 注意这里没有括号，传的是函数本身
  

先给你吃个定心丸：你的写法语法上完全没问题。mysite.get_products(mysite.get_product_ids(wishlists), 0) 这种参数传递方式是合法的，出现undefined的问题大概率不在语法上，而是在mysite.get_product_ids(wishlists)的返回值上。

可能的原因有这些：

• get_product_ids函数的边界处理有问题：比如当wishlists是空数组、null或者undefined时，函数没有返回值（JS里函数默认返回undefined）。可能你之前调用时wishlists有有效值，加第二个参数时刚好wishlists的状态变了，触发了这个情况。
• 如果get_product_ids是异步函数：比如它返回的是一个Promise对象，而get_products期望的是同步的数组/值，这时候直接传的话，控制台打印可能会显示undefined（因为Promise还没resolve）。这种情况你需要用async/await或者.then()来处理异步结果。
• 函数依赖外部状态：如果get_product_ids内部用到了全局变量或者外部状态，第二次调用时这个状态发生了变化，导致返回值变成undefined。

举个错误示例，比如get_product_ids是这样写的：

mysite.get_product_ids = function(wishlists) {
  // 当wishlists为空时，没写return，默认返回undefined
  if (wishlists && wishlists.length > 0) {
    return wishlists.map(item => item.productId);
  }
};

如果这时候wishlists是空的，调用它就会返回undefined，和你加不加第二个参数无关——只是恰好你在加第二个参数时遇到了wishlists为空的场景。

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