Javascript 闭包和异步函数参数

Question

我一直在尝试搜索 SO，但仍然没有运气，我需要将以下“属性”参数传递给匿名函数，但由于关闭它无法访问。

存档的最佳方式是什么？ （页面是来自 Puppeteer 的对象）：

getCssProperty: async function(selector, property) {
    await page.waitForSelector(selector);
    var val = await page.$eval(selector, x => {

        return window.getComputedStyle(x).getPropertyValue(property); <- here it does not work, undefined
    });
    return val;
},

Answer 1

从技术上讲，从 Javascript 的角度来看，您的代码是正确的，property 应该在page.$eval 回调中可用。但是 page.$eval 的特殊之处在于它的回调在 headless 浏览器中执行，并且与 node.js 的方法和变量完全分离。

因此，为了使用该侧的属性，我们需要专门将其传递给 page.$eval 回调。

见语法in the docs:

page.$eval(selector, pageFunction[, ...args])

args 是我们想要传递的任何变量，它们必须可以使用 JSON.stringify() 进行序列化。

因此这里是修复getCssProperty的方法：

getCssProperty: async function(selector, property) {
    await page.waitForSelector(selector);
    var val = await page.$eval(selector, (x, property) => { // <-- accept here the element AND arguments

        return window.getComputedStyle(x).getPropertyValue(property);

    }, 
    property // <-- pass property over to page.$eval callback
    ); 
    return val;
},