现在下降到了一行像素，我们已经可以把它放到内存里面了，因为WebAssembly内存（linear memory）基本就是一排小格子。这意味着我们已经下降到一维结构，但是仍然拥有着代表着二维、三维或四维的全部数据。只是现在它们是以一种连续的、线性的方式在展示。

线性内存（Linear memory）

线性内存是JavaScript和WebAssembly的一个主要通信方式，WebAssembly和运行它的JavaScript都可以访问这个对象。线性内存实际上是一个可变大小的ArrayBuffer对象，本质上是连续的、按字节可寻址的一段内存。

例如你用了一个16进制的值，那你的数字将有24位的宽度。所以你需要一个24位的格子。每个格子都包含一个像素,而可容纳24位最小的格子是32位的（int32），所以我们将在这个缓冲区上创建一个Int32Array的视图。它将这段缓冲区的字节码包裹到格子里。在这个例子里我们需要添加一些空白来填充这个格子由24位补齐到32位。

如果我们使用RGB值，这些格子将是8位的宽度。为了得到一个RGB的值，你将使用每三个格子代表你的R、G和B的值。这意味着你需要遍历这些格子，并取出它们里面的数字。

直接使用线性内存，你需要手动（写一些代码）遍历它，把它里面的数据取出来存放到更加合理的数据结构里。对于这个项目来说，这样做不是很糟糕。颜色的映射是数字，它们相对容易使用线性内存来表示。我们使用的数据结构（RGB值）也不是很复杂。但是如果你使用的是更加复杂的数据结构，直接处理内存将会很痛苦。如果你可以直接传一个JavaScript对象给WebAssembly，让WebAssembly去维护它，这将会变简单很多。你只需要添加一个很小的库(wasm-bindgen)就可以做到这些。

使用wasm-bindgen

wasm-bindgen是使用Rust写的一个库，它可以使JavaScript与WebAssembly模块之间的数据交互变的更简单。它用一个JavaScript wrapper 来包裹WebAssembly模块。这个wrapper知道如何将复杂的JavaScript对象写入线性内存。然后，当WebAssembly函数返回一个值时，JavaScript wrapper将从线性内存中获取数据并将其重新转换为JavaScript对象。