在Web開發(fā)中，我們經(jīng)常需要引入外部資源，比如JavaScript的庫或框架，而ES6的import語法為我們提供了一種更加簡潔方便的引入方式。

我們來看一個(gè)例子，假設(shè)我們有兩個(gè)JavaScript文件：a.js和b.js。在a.js中，我們定義了一個(gè)變量：

let message = "Hello, World!"

現(xiàn)在，我們需要在b.js中使用這個(gè)變量，傳統(tǒng)的寫法很簡單，我們可以在b.js中使用以下代碼：

let message = "Hello, World!";
console.log(message);

但是這種方式存在一個(gè)問題，那就是如果頁面中有多個(gè)JavaScript文件引入了同一個(gè)庫或框架，那么這些文件中都會定義同一個(gè)變量，容易引發(fā)變量重名的問題。而使用import，我們可以更加方便地解決這個(gè)問題：

a.js：
export let message = "Hello, World!";
b.js：
import {message} from "./a.js";
console.log(message);

使用import引入其他JavaScript文件的代碼非常簡單，我們只需要在需要引入的文件中使用import語句，然后指定我們需要的變量或函數(shù)即可。上面的代碼中，我們使用import {message}來引入了a.js中定義的變量message。

需要注意的是，在使用import引入的文件中，我們不能使用與引入的文件中定義的變量或函數(shù)同名的變量或函數(shù)。否則，編譯器會認(rèn)為我們是在嘗試重新賦值給已經(jīng)存在的變量，從而出現(xiàn)錯(cuò)誤。如下所示：

a.js：
export let message = "Hello, World!";
b.js：
import {message} from "./a.js";
message = "Hello, JavaScript!"; //Error!

在b.js中，我們嘗試重新給message賦值，但是編譯器會認(rèn)為我們是在嘗試重新賦值給已經(jīng)存在的變量，從而導(dǎo)致錯(cuò)誤。

除了從其他JavaScript文件中引入變量或函數(shù)之外，我們還可以引入其他類型的資源，比如CSS和JSON文件。舉個(gè)栗子，我們在一個(gè)JavaScript文件中引入一個(gè)CSS文件：

mystyle.css：
body {
background-color: yellow;
}
index.js：
import "./mystyle.css";

在引入CSS文件時(shí)，我們只需要按照文件所在位置引用即可。當(dāng)然，我們也可以在導(dǎo)入的時(shí)候給文件指定名字：

import myStyleSheet from "./mystyle.css";

如此一來，我們就可以使用myStyleSheet這個(gè)變量表示引入的CSS文件了。同樣的，我們還可以引入JSON文件進(jìn)行使用：

data.json：
{
"name": "John",
"age": 30,
"city": "New York"
}
index.js：
import data from "./data.json";
console.log(data.name); // Output: John

在上面的代碼中，我們使用import引入了一個(gè)JSON文件，然后從文件中獲取其中的屬性并進(jìn)行使用。

綜上所述，ES6的import語法為我們提供了一種更加方便快捷的引入方式。我們可以通過import從其他JavaScript文件、CSS文件和JSON文件中引入我們需要的內(nèi)容，并在代碼中進(jìn)行使用，非常方便。