javascript - 将附加对象传递给第 3 方回调

Question

我正在编写屏幕截图脚本。为了截取屏幕截图，我使用 html2canvas lib。问题是，当最终截取屏幕截图并调用 onrendered 回调时，我必须进行一些额外的处理，为此我需要能够获取一些我之前使用过的参数。

function onMessageReceived(event){
        ...
    if (dataObj.screenshot)
    {
        takeScreenshot(dataObj); 
    }
}

截图功能:

function takeScreenshot(dataObj) {
    html2canvas($('body'),{
        onrendered: function (canvas) {                     
            var imgString = canvas.toDataURL("screenshot.png"); 
            window.open(imgString);  
            //do some additional handling here using dataObj    
        }
    });
}

有什么好的直接解决方案吗？我的意思是，不使用全局变量或将此 dataObj 保存在磁盘上。

Answer 1

由于 JS 中作用域的工作方式，dataObj 已经在您的 takeScreenshot 函数的作用域中可用，因为您从其他函数传入了它。所以你需要做的就是在回调中使用它。以下是您如何提醒 dataObj 上 screenshot 属性的值。

function takeScreenshot(dataObj) {
    html2canvas($('body'),{
        onrendered: function (canvas) {                     
            var imgString = canvas.toDataURL("screenshot.png"); 
            window.open(imgString);  
            alert(dataObj.screenshot);
        }
    });
}