JavaScript：变量在等待中未定义

Question

我在下面有一个代码片段，我的问题是我在 page.evaluate() 内部收到一条错误消息是未定义的，而我在一开始url就明确定义了 const 。url我对 JS 中的变量范围不是很熟悉，我可以知道为什么会出现此错误以及如何解决它？const puppeteer = require('puppeteer');const url = "https://stackoverflow.com/";function run () {    return new Promise(async (resolve, reject) => {        try {            const browser = await puppeteer.launch();            const page = await browser.newPage();            await page.goto(url);                        let temp = await page.evaluate(() => {                let metaTag = document.querySelector('head > [name="description"]');                const output = url + ": " + metaTag.getAttribute('content');                return output;            })            browser.close();            return resolve(temp);        } catch (error) {            return reject(error)        }    })}run().then(console.log).catch(console.error);

Answer 1

这不是您对 JS 中变量范围的理解的问题。

page.evaluate只是行为不正常，因为该函数是在页面上下文而不是定义它的上下文中计算的。

如果要将数据传递给它，请将其作为参数：

let temp = await page.evaluate((url) => {

    // ...

}, url)