ES6(ECMAScript 6),是 JavaScript 的一個版本,于 2015 年發布。ES6 引入了許多新的語法和功能,其中一個重要的改進是可以通過 import 關鍵字來導入模塊和 JSON 文件。
在 ES6 之前,我們通常通過創建一個 Script 標簽來加載 JSON 文件:
const xhr = new XMLHttpRequest(); xhr.open('GET', 'example.json', true); xhr.responseType = 'json'; xhr.onload = function() { const data = xhr.response; console.log(data); }; xhr.send();
而在 ES6 中,我們可以通過 import 關鍵字來導入 JSON 文件。假設我們有一個名為example.json的 JSON 文件,我們可以通過以下方式來導入它:
import data from './example.json'; console.log(data);
通過這種方式,我們可以輕松地將 JSON 數據加載到我們的應用程序中,并將其存儲在變量中,以便在代碼中進行使用。
需要注意的是,當我們使用 import 導入 JSON 文件時,文件路徑必須以“./”或“../”開頭。此外,我們也可以將 JSON 文件中的數據導入為一個對象或一個數組:
// 導入為對象 import { name, age } from './example.json'; console.log(name, age); // 導入為數組 import arr from './example.json'; console.log(arr);
ES6 的這一改進極大地方便了我們使用 JSON 數據,并使代碼更加簡潔易懂。在實際應用中,我們可以根據需要選擇使用 Script 標簽加載或使用 import 導入 JSON 文件。