javascript - 我如何从js访问WebAssembly中的编译内存

标签 javascript c++ webassembly

考虑以下 C++:

int MYVAR = 8;

它将从 Clang/LLVM 编译为插入在下方 playground 中的 WASM 字节码。

WAST 可读性:

(module
(table (;0;) 0 anyfunc)
(memory (;0;) 1)
(global (;0;) i32 (i32.const 0))
(export "MYVAR" (global 0))
(data (i32.const 0) "\08\00\00\00"))

MYVAR 会在 js 调用时公开一个指向变量的指针。

但是我如何使用新的 js API 访问实际内存?

内存构造函数似乎在初始化时删除条目,但我不确定我是否正确解释了这一点。

作为旁注,模块没有 specs 中指定的导出属性,但这又可能是一种误解。

Playground :

<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>MEMORY ACCESS TEST</title>
</head> 
<div>
<h1 style="display: inline;">MEMORY LOCATION : </h1>
<h1 id='POINTER' style="display: inline;"></h1>
</div> 
<div>
<h1 style="display: inline;">VALUE : </h1>
<h1 id='VALUE' style="display: inline;"></h1>
</div>
<body>
<script>
 var bytecode = new Uint8Array([
 0x00, 0x61, 0x73, 0x6D, 0x01, 0x00, 0x00, 0x00, 0x04, 0x84,
 0x80, 0x80, 0x80, 0x00, 0x01, 0x70, 0x00, 0x00, 0x05, 0x83,
 0x80, 0x80, 0x80, 0x00, 0x01, 0x00, 0x01, 0x06, 0x86, 0x80,
 0x80, 0x80, 0x00, 0x01, 0x7F, 0x00, 0x41, 0x00, 0x0B, 0x07,
 0x89, 0x80, 0x80, 0x80, 0x00, 0x01, 0x05, 0x4D, 0x59, 0x56,
 0x41, 0x52, 0x03, 0x00, 0x0B, 0x8A, 0x80, 0x80, 0x80, 0x00,
 0x01, 0x00, 0x41, 0x00, 0x0B, 0x04, 0x08, 0x00, 0x00, 0x00,
 0x00, 0x96, 0x80, 0x80, 0x80, 0x00, 0x07, 0x6C, 0x69, 0x6E,
 0x6B, 0x69, 0x6E, 0x67, 0x03, 0x81, 0x80, 0x80, 0x80, 0x00,
 0x04, 0x04, 0x81, 0x80, 0x80, 0x80, 0x00, 0x04
 ]);
 WebAssembly.instantiate(bytecode).then(function(wasm) {
 console.log(wasm.module);
 console.log(wasm.instance);
 let pointer = wasm.instance.exports.MYVAR;
 document.getElementById('POINTER').innerHTML = pointer; 
 let memory = new WebAssembly.Memory({initial : 1});
 let intView = new Uint32Array(memory.buffer);
 document.getElementById('VALUE').innerHTML = intView[pointer];
 });
 </script>
 </body>

 </html>

最佳答案

MYVAR 是全局的。这是一个完全独立于内存部分的可寻址单元。它包含单独的标量值。

您似乎正在尝试访问内存部分。您确实可以使用一个 i32 全局指针,就像您可以使用任何其他 i32 一样,但它不能自动访问内存。你也必须导出你的内存!

尝试:

(module
(table (;0;) 0 anyfunc)
(memory (;0;) 1)
(global (;0;) i32 (i32.const 0))
(export "MYVAR" (global 0))
(export "MYMEM" (memory 0)) ;; New!
(data (i32.const 0) "\08\00\00\00"))

和:

WebAssembly.instantiate(bytecode).then(function(wasm) {
 console.log(wasm.module);
 console.log(wasm.instance);
 let pointer = wasm.instance.exports.MYVAR;
 document.getElementById('POINTER').innerHTML = pointer; 
 let memory = wasm.instance.exports.MYMEM; // New!!
 let intView = new Uint32Array(memory.buffer);
 document.getElementById('VALUE').innerHTML = intView[pointer];
 });

关于javascript - 我如何从js访问WebAssembly中的编译内存,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46043622/

相关文章:

c++ - 检查输入字符串是否为数字和 C++,如果是,则将其转换为 int(正则表达式?)

c++ - 成员函数检查 : Implement compilation-time checkings with C++11 features

javascript - Node.js 在回调中调用回调函数

javascript - HTML/CSS/JS : Is it possible to find the element's size before appending it to the DOM tree?

java - 如何使用 JavaScript 访问保存在请求范围内的数组或列表?

c++ - 将 std::map 作为默认参数传递

go - 由 golang 生成的基于 WebAssembly 的 Websockets?

asp.net-mvc - 从 Angularjs 迁移到 Blazor

javascript - 无法加载 wasm 应用程序

javascript:输入表单需要特定的单词