这里有一些工作代码，用于提取一些十六进制数据，对其进行解释并将其打印到console.log。它在“req”循环中工作，但在“req”循环之后工作。为什么？
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js-struct.js"></script>
<script>
// Question: does the onload stuff happen last that could be why the struct is zero.
var zebuffer = new ArrayBuffer(128);
var inputter = new Int8Array(zebuffer);
var url = "data.bin";
var req = new XMLHttpRequest();
req.open("GET", url, true);
req.responseType = "arraybuffer";
if( req.overrideMimeType ) {
req.overrideMimeType('text/plain; charset=x-user-defined');
}
else {
req.setRequestHeader('Accept-Charset', 'x-user-defined');
}
req.onload = function (ev) {
var arrayBuffer = req.response; // Note: not oReq.responseText
if (arrayBuffer) {
var byteArray = new Int8Array(arrayBuffer);
for (var i = 0; i < byteArray.byteLength; i++) {
// do something with each byte in the array
inputter[i] = byteArray[i];
}
var SimpleStruct = Struct.create(
Struct.int32("x"),
Struct.int32("y"),
Struct.int32("z"),
Struct.int32("blank")
);
var b = SimpleStruct.readStructs(zebuffer, 0, 2);
//console.log("zebuffer = "+zebuffer);
//console.log("inputter = "+inputter[0]);
console.log("b[1].x = "+b[1].x);
console.log("b[1].y = "+b[1].y);
console.log("b[1].z = "+b[1].z);
console.log("b[1].blank = "+b[1].blank);
console.log("------------------------------------------------");
}
};
req.send(null);
</script>
</head>
<body>
<p>Seamus! open the browser console</p>
</body>
data.bin 只是一个抽象示例二进制数据文件，有两组要读取的四个 int32。该代码读取第二组四个 int32。
FF FF FF 3F FF FF FF 3F FF FF FF 3F FF FF FF 7F
1A 1A 1A 1A FF FF FF 3F 00 00 00 7F FF FF FF 1F
所以我的问题是为什么我不能读取 zebuffer、使用 Simplestruct 函数获取所需的数据并以十进制格式打印它以在 req.onload 和 req.send(null) 函数之间以外的任何地方进行控制台？
我怀疑这是因为 onload 函数内的代码总是最后发生，因此任何控制台打印都会在数据读入 zebuffer 之前首先发生。有没有办法解决？例如，我可以以某种方式调用一个函数来获取数据并返回到脚本，然后它 console.logs 它(或者我想对名为 b[] 的 int32 数组执行的任何其他操作)如果可能的话我该怎么做？
最佳答案
onload函数在请求加载后执行，数据自然只有在请求发送后才可用。 “发送”是异步的，因此“发送”之后的代码会立即执行，而不会等到发送完成。当检索到数据后，您需要继续您的程序流程，换句话说，在 onload 事件处理程序中。
Is there any way around this? e.g Can i somehow call a function which gets the data and comes back to the script and then it console.logs it
您有什么特殊原因想要避免这种行为吗？您可以在 onload 中继续您的程序，或者您可以将数据传递给 onload 上的其他函数
req.onload = function (ev) {
var arrayBuffer = req.response; // Note: not oReq.responseText
if (arrayBuffer) {
var byteArray = new Int8Array(arrayBuffer);
for (var i = 0; i < byteArray.byteLength; i++) {
inputter[i] = byteArray[i];
}
var SimpleStruct = Struct.create(Struct.int32("x"), Struct.int32("y"), Struct.int32("z"), Struct.int32("blank"));
var b = SimpleStruct.readStructs(zebuffer, 0, 2);
myNewFunction(b) //pass your data on to some other function
}
}
function myNewFunction(data) {
//do things with 'data'
}
req.send()
如果您确实需要同步(而不是异步)，您可以按照描述发送 at the end of this article其中还描述了上述行为
关于javascript - 下面是提取一些十六进制数据、解释它并将其打印到 console.log 的代码。它在 'req' 循环中工作，但在外部不工作。为什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32349444/