问题代码
res = JSON.parse(xhr.responseText);
var img = new Image();
img.onload = function() {
document.body.appendChild(img);
reslove(res);
};
}
问题排查
在onload之前进行debug在每一个关键节点尽心打断点排查。
问题原因
在reslove(res);的时候res为空,但是在JSON.parse(xhr.responseText);的时候res是有值的。
所以问题是出现在onload里面。在onload的时候html文件中引入了一个js然后那个里面的js定义了一个也叫做res的全局变量,结果那个文件加载回来,把这个res赋值为空了。
导致后面取res.data失败了
至于说线下一直不复现可能是因为没有用cdn的问题,cdn的缓存策略和线下的不一致
问题总结
以后对于全局变量和异步的问题要格外注意,onload这种,promise,文件加载都要特别留心注意。