如何在JavaScript中仅传递函数第二个参数？附Google Drive API场景

嘿，我来帮你梳理下问题和改进方向～

一、直接传递第二个参数的简单解法 #

你完全没必要搞动态默认变量那套复杂操作，JavaScript里想跳过第一个参数直接传第二个，直接给第一个参数传undefined就搞定了，就像你最后调用listFiles(undefined, "test.md")那样，这是完全合法且直观的写法。

如果觉得写undefined有点啰嗦，也可以考虑调整参数顺序（但如果是和Google Drive API绑定的函数，参数顺序固定的话就不用改），或者给第一个参数设个合理默认值，比如：

function listFiles(auth = undefined, filename) {
  // 函数逻辑...
}
// 调用时直接传第二个参数
listFiles(undefined, "test.md");
// 虽然也可以写`listFiles(, "test.md")`，但可读性太差，不推荐

二、你的Google Drive API代码的具体优化点 #

看了你的quickstart.js，有几个关键问题可以调整，帮你正确获取目标文件数据：

1. 修复参数默认值的错误 #

你写的filename = filename会触发变量遮蔽问题——函数参数里的filename会覆盖全局的同名变量，当没传第二个参数时，默认值会变成undefined（因为参数自身还没初始化）。直接去掉这个冗余的默认值，或者设个空字符串默认值就行：

// 改成这样，不用依赖全局变量
function listFiles(auth, filename = "") {
  // ...
}

2. 处理异步逻辑，正确返回目标文件数据 #

当前代码里，files.map中的return fileData根本无法被外部获取，因为drive.files.list是异步操作（用了回调函数）。你得用Promise或者回调函数来传递结果，两种方案任你选：

方案一：用Promise封装（推荐，更符合现代JS写法）

function listFiles(auth, filename) {
  const drive = google.drive({version: 'v3', auth});
  // 返回一个Promise，方便后续用async/await处理
  return new Promise((resolve, reject) => {
    drive.files.list({
      pageSize: 50,
      fields: 'nextPageToken, files(id, name)',
    }, (err, {data}) => {
      if (err) {
        console.log('The API returned an error: ' + err);
        return reject(err); // 把错误抛出去
      }
      const files = data.files;
      if (!files.length) {
        console.log('No files found.');
        return resolve(null); // 没有文件返回null
      }
      // 用find()直接找到第一个匹配的文件，比map高效
      const targetFile = files.find(file => file.name === filename);
      if (targetFile) {
        console.log("Name found!");
        const fileData = { 
          name: targetFile.name, 
          id: targetFile.id 
        };
        resolve(fileData); // 返回找到的文件数据
      } else {
        console.log(`File "${filename}" not found.`);
        resolve(null);
      }
    });
  });
}

// 调用方式（用async/await更简洁）
async function fetchTargetFile() {
  try {
    // 这里替换成你的授权逻辑，比如获取auth对象
    const auth = await getGoogleAuth(); 
    const fileData = await listFiles(auth, "test.md");
    if (fileData) {
      console.log('获取到目标文件:', fileData);
      displayFile(fileData); // 调用你的displayFile函数
    }
  } catch (err) {
    console.error('出错啦:', err);
  }
}

fetchTargetFile();

方案二：用回调函数传递结果（适合习惯传统回调的场景）

function listFiles(auth, filename, callback) {
  const drive = google.drive({version: 'v3', auth});
  drive.files.list({
    pageSize: 50,
    fields: 'nextPageToken, files(id, name)',
  }, (err, {data}) => {
    if (err) {
      console.log('The API returned an error: ' + err);
      return callback(err, null);
    }
    const files = data.files;
    if (!files.length) {
      console.log('No files found.');
      return callback(null, null);
    }
    const targetFile = files.find(file => file.name === filename);
    if (targetFile) {
      console.log("Name found!");
      const fileData = { 
        name: targetFile.name, 
        id: targetFile.id 
      };
      callback(null, fileData);
    } else {
      console.log(`File "${filename}" not found.`);
      callback(null, null);
    }
  });
}

// 调用方式
listFiles(auth, "test.md", (err, fileData) => {
  if (err) {
    console.error('出错啦:', err);
    return;
  }
  if (fileData) {
    console.log('获取到目标文件:', fileData);
    displayFile(fileData);
  }
});

3. 其他小细节优化 #

• 用Array.find()代替map()：你只需要找到第一个匹配的文件，find()会在找到后立即停止遍历，比map遍历整个数组高效得多；
• 用严格相等===代替==：避免隐式类型转换带来的意外bug；
• 删除全局的filename变量：直接用函数参数传递，代码更模块化，不会污染全局作用域。

最后总结下 #

• 传递第二个参数最简单的方式就是给第一个参数传undefined；
• 异步操作一定要用Promise或回调处理返回值，不然根本拿不到结果；
• 优化数组查找逻辑，让代码更高效清晰。

内容的提问来源于stack exchange，提问作者Diagathe Josué