在web開發中，JavaScript是最重要的語言之一。它可以在瀏覽器端運行，處理用戶的交互行為。另外，它也可以在Node.js中運行，可以進行服務器端編程。在web開發過程中，經常需要讀取服務器上的文件，這就需要使用JavaScript讀取文件的功能。

在JavaScript中，讀取文件的方式有多種，常見的有以下幾種：

1.使用XMLHttpRequest對象進行HTTP請求

const xhr = new XMLHttpRequest();
xhr.open('GET', 'example.txt', true);
xhr.onload = function() {
if(this.status === 200) {
// 輸出文件內容
console.log(this.responseText);
}
}
xhr.send();

2.使用fetch API進行HTTP請求

fetch('example.txt')
.then(response => response.text())
.then(data => console.log(data));

3.使用Node.js中的fs模塊讀取本地文件

const fs = require('fs');
fs.readFile('example.txt', 'utf8', (err, data) => {
if(err) throw err;
// 輸出文件內容
console.log(data);
});

其中，第一種方式使用了XMLHttpRequest對象進行HTTP請求，第二種方式使用了fetch API，兩種方式的目的都是獲取文件內容，只是實現方式略有不同。第三種方式則是使用Node.js的內置模塊fs進行本地文件讀取，在瀏覽器端不可以使用。

需要注意的是，讀取文件是一個異步操作，因此需要使用回調函數或Promise進行處理。

除了使用上述方式讀取文件，還可以使用jQuery庫中的get方法讀取文件內容：

$.get('example.txt', function(data) {
// 輸出文件內容
console.log(data);
});

需要注意的是，使用jQuery庫需要先引入相應的js文件。

綜上所述，JavaScript具備讀取文件的功能，可以通過多種方式實現。在web開發中，合理地運用這些方法可以提高開發效率和用戶體驗。