< p >Javascript 是一種廣泛用途的編程語(yǔ)言，可以用于創(chuàng)建交互式和動(dòng)態(tài)的網(wǎng)站。在這些網(wǎng)站中，用戶有時(shí)需要下載文件。Javascript 提供了許多方法來(lái)實(shí)現(xiàn)文件下載，這些方法可以通過(guò) API 調(diào)用、XHR 異步請(qǐng)求、Blob 等方式來(lái)實(shí)現(xiàn)。本文將介紹如何使用 Javascript 來(lái)實(shí)現(xiàn)文件下載，并提供一些例子幫助您更好地理解這些方法。

< p >下載二進(jìn)制文件（blob）：

< pre >function downloadBlob ( blob , fileName ) { const link = document . createElement ( "a" ); link . href = window . URL . createObjectURL ( blob ); link . download = fileName ; link . click (); window . URL . revokeObjectURL ( url ); }< p >使用該函數(shù)，我們可以通過(guò)傳遞 Blob 對(duì)象和一個(gè)文件名來(lái)下載文件。例如，假設(shè)我們有一個(gè) Blob 對(duì)象，它包含了 PDF 文件。我們可以通過(guò)執(zhí)行以下代碼來(lái)下載它：

< pre >const pdfBlob = new Blob ([ pdfData ], { type : "application/pdf" }); downloadBlob ( pdfBlob , "my_document" ) ;< p >下載遠(yuǎn)程文件：

< pre >function downloadFromUrl ( url , fileName ) { const xhr = new XMLHttpRequest (); xhr . open ( "GET" , url , true ); xhr . responseType = "blob" ; xhr . onload = () =>{ const blob = xhr . response ; downloadBlob ( blob , fileName ); }; xhr . send (); }< p >使用該函數(shù)，我們可以通過(guò) URL 和文件名來(lái)下載文件。例如，假設(shè)我們需要下載一張照片，并將其保存為 image.jpg。我們可以通過(guò)執(zhí)行以下代碼來(lái)下載它：

< pre >downloadFromUrl ( "http://www.example.com/image.jpg" , "image.jpg" ) ;< p >下載 Json 文件：

< pre >function downloadJson ( data , fileName ) { const jsonBlob = new Blob ([ JSON . stringify ( data )], { type : "application/json" }); downloadBlob ( jsonBlob , fileName + ".json" ); }< p >使用該函數(shù)，我們可以通過(guò)傳遞 JSON 數(shù)據(jù)和文件名來(lái)下載 JSON 文件。例如，假設(shè)我們有一些 JSON 數(shù)據(jù)，我們可以通過(guò)執(zhí)行以下代碼來(lái)下載它：

< pre >const jsonData = { name : "John" , age : 30 }; downloadJson ( jsonData , "my_data" ) ;< p >總結(jié)：

< p >通過(guò)使用上述方法，我們可以使用 Javascript 下載文件。我們可以使用 Blob 對(duì)象來(lái)創(chuàng)建并保存二進(jìn)制文件，使用 XHR 來(lái)下載遠(yuǎn)程文件，使用 JSON.stringify 將 Json 數(shù)據(jù)轉(zhuǎn)換為字符串并保存為 Json 文件。這些方法可以應(yīng)用于不同類型的文件，并且可以靈活調(diào)整以滿足特定的需求。強(qiáng)烈建議使用這些方法時(shí)謹(jǐn)慎考慮每個(gè)方法的優(yōu)點(diǎn)和缺點(diǎn)，并選擇最合適的方法。