DataView 視圖提供了一個底層介面來讀寫 ArrayBuffer 中的二進位資料。DataView 能用多種不同的型別對 ArrayBuffer 進行修改、解讀,且可自訂資料的位元組順序而不受系統平台限制。DataView 物件僅為視圖,並不會存放資料,所有的資料皆實際儲存於 ArrayBuffer 物件當中。


new DataView(buffer [, byteOffset [, byteLength]])


byteOffset 選擇性
The offset, in bytes, to the first byte in the specified buffer for the new view to reference. If not specified, the view of the buffer will start with the first byte.
byteLength 選擇性
The number of elements in the byte array. If unspecified, length of the view will match the buffer's length.


A new DataView object representing the specified data buffer.

Errors thrown

Thrown if the byteOffset and byteLength result in the specified view extending past the end of the buffer.



Multi-byte number formats are represented in memory differently depending on machine architecture, see Endianness (en-US) for an explanation. DataView accessors provide explicit control of how data will be accessed irrespective of the platform architecture's endianness.

var littleEndian = (function() {
  var buffer = new ArrayBuffer(2);
  new DataView(buffer).setInt16(0, 256, true /* littleEndian */);
  // Int16Array uses the platform's endianness.
  return new Int16Array(buffer)[0] === 256;
console.log(littleEndian); // true or false


The DataView constructor's length property whose value is 3.
DataView.prototype (en-US)
Allows the addition of properties to all DataView objects.

DataView 實例

All DataView instances inherit from DataView.prototype (en-US).






var buffer = new ArrayBuffer(16);
var dv = new DataView(buffer, 0);

dv.setInt16(1, 42);
dv.getInt16(1); //42


Specification Status Comment
Typed Array Specification Obsolete Superseded by ECMAScript 6
ECMAScript 2015 (6th Edition, ECMA-262)
The definition of 'DataView' in that specification.
Standard Initial definition in an ECMA standard
ECMAScript (ECMA-262)
The definition of 'DataView' in that specification.
Living Standard  


We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 9.0 15.0 (15.0) 10 12.1 5.1
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 4.0 (Yes) 15.0 (15) ? 12.0 4.2

Firefox-specific notes

Starting with Gecko / SpiderMonkey 40 (Firefox 40 / Thunderbird 40 / SeaMonkey 2.37), DataView requires to be constructed with a new (en-US) operator. Calling DataView() as a function without new, will throw a TypeError from now on.

var dv = DataView(buffer, 0);
// TypeError: calling a builtin DataView constructor without new is forbidden
var dv = new DataView(buffer, 0);


  • jDataView: JavaScript library that polyfills and extends the DataView API to all browsers and Node.js.