Check for an instance of ArrayBufferView?

Question

Background

With a bit of research I've found that, although ArrayBufferView wasn't initially exposed (through [NoInterfaceObject]) there appeared to be broad agreement that it should be, due to my described use case.

• Firefox
• Chrome
• Safari

The initial agreement was to expose the ArrayBufferView constructor on the DOMWindow namespace, which was implemented in Safari (and still works in 6.1.1) and Chrome, but was then pulled from Chrome in favour of a static method ArrayBuffer.isView().

Meanwhile, Mozilla are (still) talking about implementing ArrayBuffer.isView().

In brief:

• Safari exposes the ArrayBufferView constructor

• Chrome has ArrayBuffer.isView()

• Firefox has nothing

• IE - I haven't even got near yet...

Question

So, my question. What's the most succinct way to check if an object is an instance of ArrayBufferView?

Petersburg

Answer 1

I would use either:

function isAbv(value) {
    return value && value.buffer instanceof ArrayBuffer && value.byteLength !== undefined;
}

or:

var ArrayBufferView = Object.getPrototypeOf(Object.getPrototypeOf(new Uint8Array)).constructor;
function isAbv(value) {
    return value instanceof ArrayBufferView;
}

Pinkster

Answer 2

Better answer I guess:

var arr = new Float64Array(100);

arr instanceof (new Uint16Array()).constructor.prototype.__proto__.constructor //true

works in Chrome & Firefox, maybe other browsers too

Sleety

Answer 3

ArrayBuffer.isView is supported on all modern browsers.

const b = new Uint8Array()
ArrrayBuffer.isView(b) // true

Landwehr