NodeJS/JS：如何让循环等待直到变量不为空？

看起来你是想用Nightmare.js在DuckDuckGo搜索后抓取第一个结果的链接，但代码里可能遇到了异步执行或者错误处理的问题。我来帮你修正并优化这段代码：

首先，原代码存在几个小问题：

• 外部声明的url变量因为异步特性，在then回调外访问会拿不到正确结果
• 错误处理的catch部分没写完，不利于排查问题
• 可以用更清晰的异步写法来避免回调嵌套

修正后的回调链写法 #

const Nightmare = require('nightmare');
const nightmare = Nightmare({ show: true });

nightmare
  .goto('https://duckduckgo.com')
  .type('#search_form_input_homepage', 'github nightmare')
  .click('#search_button_homepage')
  .wait('#r1-0 a.result__a') // 等待第一个搜索结果加载完成
  .evaluate(() => {
    // 在浏览器环境中提取目标链接
    return document.querySelector('#r1-0 a.result__a').href;
  })
  .end() // 关闭Nightmare实例
  .then(function(result) {
    // 在这里处理获取到的链接，而不是赋值给外部变量
    console.log('第一个搜索结果链接:', result);
    // 你的后续逻辑（比如访问该链接、存储数据）都应该放在这里
  })
  .catch(error => {
    // 补全错误处理，方便排查问题
    console.error('执行过程出错:', error);
  });

更简洁的async/await写法 #

如果你的Node.js版本支持async/await（目前主流版本都支持），可以改成同步风格的代码，可读性会更好：

const Nightmare = require('nightmare');
const nightmare = Nightmare({ show: true });

async function getDuckDuckGoResult() {
  try {
    await nightmare.goto('https://duckduckgo.com');
    await nightmare.type('#search_form_input_homepage', 'github nightmare');
    await nightmare.click('#search_button_homepage');
    await nightmare.wait('#r1-0 a.result__a');
    
    const result = await nightmare.evaluate(() => {
      return document.querySelector('#r1-0 a.result__a').href;
    });
    
    console.log('第一个搜索结果链接:', result);
    // 后续业务逻辑写在这里
  } catch (error) {
    console.error('执行出错:', error);
  } finally {
    // 确保不管成功失败，都关闭Nightmare实例
    await nightmare.end();
  }
}

// 调用执行函数
getDuckDuckGoResult();

关键说明 #

• 异步执行逻辑：Nightmare的所有操作都是异步的，返回Promise对象，所以不能在then回调外直接获取结果，必须把依赖结果的逻辑放在回调内部，或者用async/await等待Promise完成。
• 元素等待机制：wait方法是必须的，它能确保目标元素完全加载后再执行提取操作，避免因为页面未渲染完成而出现"找不到元素"的错误。
• 错误处理：完善的catch块能帮你快速定位问题，比如页面加载失败、选择器写错等情况都能在这里捕获到。

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