如何使用缓冲器的一部分保存一种位数的整数另一部分保存另一种

Question

最近看《JavaScript高级程序设计》一书中在WebGL中关于可视化视图中遇到下面的例子：

//使用缓冲器的一部分保存8位整数，另一部分保存16位整数

var buffer = new ArrayBuffer(20);
var int8s = new Int8Array(buffer, 0, 10);
var int16s = new Uint16Array(buffer, 11, 10);

但出现错误，chrome中显示：

Uncaught RangeError: start offset of Uint16Array should be a multiple of 2

请问这什么原因所致？尝试过修改成下面这样错误就消失了：

var buffer = new ArrayBuffer(20);
var int8s = new Int8Array(buffer, 0, 10);
var int16s = new Uint16Array(buffer, 10, 5);

我的理解是：

1. buffer中有20B;

2. 前面保存了10B的Int8Array；

3. 剩下还有10B，10B除以2等于5，应该还可以保存5个Uint16Array；

不知是否书中案例有错，我的理解是否正确？请大神赐教！非常感谢

Answer 1

new Int8Array(buffer, 0, 10);：用buffer中的0~9十个元素构建一个Int8Array

new Uint16Array(buffer, 10, 5);：这个5应该是10，如果你是想用剩下的10个元素构建一个Uint16Array的话。表示用buffer中的10~19十个元素构建一个长度为5的Uint16Array