首先聲明一下，本人前端菜鳥一枚，這里只是記錄一下我個人最近使用js操作二進制文件的一些方法，以便日后用的時候查詢，如果有寫的不對的地方，請大神指出。

數(shù)據(jù)獲取

前端請求二進制數(shù)據(jù)的時候需要設(shè)置數(shù)據(jù)響應(yīng)格式：xhr.responseType = "arraybuffer"；
寫法如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'arraybuffer';
xhr.onload = function(e) {
    buffer = xhr.response;
    console.log(buffer)
};
xhr.send();

responseType可選的參數(shù)有："text"、"arraybuffer"、"blob"或"document"；對應(yīng)的返回數(shù)據(jù)為DOMString、ArrayBuffer、Blob、Document；默認參數(shù)為"text"。

數(shù)據(jù)解析

通過對應(yīng)數(shù)據(jù)類型的請求，可以得到二進制數(shù)據(jù)，數(shù)據(jù)被存儲在通過ArrayBuffer這個構(gòu)造函數(shù)創(chuàng)建一個緩沖區(qū)內(nèi)，取得數(shù)據(jù)后需要使用相對應(yīng)的TypedArray進行解析。
類型化數(shù)組有以下幾種：

Int 為整型，Uint 為無符號數(shù)，F(xiàn)loat 為浮點型，一個字節(jié)占八位，解析數(shù)據(jù)以"字節(jié)"為基礎(chǔ)單位，無法直接讀取位（不知道是不是這樣，反正我是沒找到方法）。解析數(shù)據(jù)的時候要了解數(shù)據(jù)的存儲格式。

單一類型數(shù)據(jù)

單一類型數(shù)據(jù)可用對應(yīng)的類型化數(shù)組直接進行解析：

var array = new Uint8Array(buffer);
for(var i = 0; i < array.length; ++i){
  console.log(array[i])
}

混編類型數(shù)據(jù)

混編類型數(shù)據(jù)解析需要用移位的方式解析其中對應(yīng)類型的數(shù)據(jù)：

var array = new Uint8Array(buffer [, byteOffset [, length]])
for(var i = 0; i < array.length; ++i){
  console.log(array[i])
}

初始化數(shù)組的時候用第二個和第三個參數(shù)截取某段數(shù)據(jù)，生成相應(yīng)類型的數(shù)據(jù)，其中第二個參數(shù)表示偏移的字節(jié)數(shù)，第三個參數(shù)表示數(shù)組長度。

DataView

DataView視圖是一個可以從對象中讀寫多種數(shù)值類型的底層接口，使用它時，不用考慮不同平臺的字節(jié)序問題。

var dataView = new DataView(buffer [, byteOffset [, byteLength]]);

DataView中提供了各種類型數(shù)據(jù)的get和set方法，通過這些方法可以更加直觀的操作TypedArray，關(guān)于其中的各方法的詳細解釋，請參見MDN web doc。
DataView的get方法中除了get一個字節(jié)的數(shù)據(jù)外，均含有第二個可選參數(shù)littleEndian，指示數(shù)據(jù)是以小端還是大端格式存儲。如果為false或未定義，則偏移位是按照元素偏移的。設(shè)置為true時，則偏移位是按照字節(jié)數(shù)偏移的（個人見解?？赡苡姓`）。

小結(jié)

本篇文章主要寫的是前端獲取ArrayBuffer數(shù)據(jù)的方法，以及拿到數(shù)據(jù)時候該如何解析，寫的時候才發(fā)現(xiàn)自己還是有很多沒搞懂的地方，雖然查了一些資料，但是可能還是錯誤的地方，希望發(fā)現(xiàn)的讀者可以指出，不勝感激。