JQuery 是一款廣泛應(yīng)用于 Web 前端開發(fā)的 JavaScript 庫(kù)，通過 JQuery 我們可以簡(jiǎn)單快速地實(shí)現(xiàn)許多常見的 Web 開發(fā)功能。其中一個(gè)常見的需求是計(jì)算 JavaScript 文件的大小。

var fileSize = $('script[src="example.js"]').prop('outerHTML').length;
console.log("example.js 的大小是：" + fileSize + " bytes");

代碼中，首先通過 JQuery 選擇器找到 ID 為 example.js 的 JavaScript 文件，然后通過 outerHTML 屬性獲取該文件的全部 HTML 代碼，再計(jì)算代碼長(zhǎng)度即可得到文件大小（以字節(jié)為單位）。

當(dāng)然，除了 JQuery，我們也可以使用原生 JavaScript 實(shí)現(xiàn)該功能：

var httpRequest = new XMLHttpRequest();
httpRequest.open('GET', 'example.js', false);
httpRequest.send(null);
if (httpRequest.status === 200) {
var fileSize = httpRequest.responseText.length;
console.log("example.js 的大小是：" + fileSize + " bytes");
}

代碼中，我們創(chuàng)建了一個(gè) XMLHttpRequest 對(duì)象，然后向服務(wù)器發(fā)起 GET 請(qǐng)求獲取 example.js 文件。如果請(qǐng)求成功，我們可以通過 responseText 屬性獲取該文件代碼，再計(jì)算代碼長(zhǎng)度即可得到文件大小。

無(wú)論是 JQuery 還是原生 JavaScript，都可以輕松搞定計(jì)算 JavaScript 文件大小的需求。