最近看《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；

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