javascript - 在 JavaScript 中，如何将值从未命名函数传递到另一个未命名函数？

Question

我有两个函数，其中之一检查图像是否加载:

var img = document.createElement('img');
img.src = "xxx";
img.onload = function() {
    var dimensionValue = 'loaded';
};
img.onerror = function() {
    var dimensionValue = 'failed';
}

当用户单击按钮时执行后续函数，如下所示:

var trackClick = function(url) {
  console.log(dimensionValue);
};

我试图在调用 trackClick 函数时记录 dimensionValue 的值(来自 a 链接)。然而，尽管第一个函数成功打印出了dimensionValue，但当第二个函数被触发时，它不包含任何值，或者无法表明dimensionValue不存在。

我还尝试将 trackClick 放在 onload/onerror 函数中，但随后显示一条消息，通知没有函数称为 trackClick

所以，我的问题是如何将一个值从一个未命名函数传递到 JS 中的另一个匿名函数？

Answer 1

您的变量可能无法被其他函数访问，因为它是在另一个函数中定义的。

尝试:

var dimensionValue;
var img = document.createElement('img');
img.src = "xxx";
img.onload = function() {
    dimensionValue = 'loaded';
};
img.onerror = function() {
    dimensionValue = 'failed';
}

我认为你也可以这样做:

var trackClick = function(url) {
    var img = document.createElement('img');
    img.src = "xxx";
    img.onload = function() {
        console.log('loaded');
    };
    img.onerror = function() {
        console.log('failed');
    }
}

如果这不起作用，请发布您的所有代码以获得进一步帮助。