## 一、概述 import 語句用于導入由另一個模塊導出的綁定。無論是否聲明了 strict mode，導入的模塊都運行在嚴格模式下。import語句不能在嵌入式腳本中使用； >[danger] import后的from 可以指定需要導入模塊的路徑名，可以是絕對路徑，也可以是相對路徑，.js后綴名可以省略，如果只有模塊名，不帶有文件路徑，則需要有配置文件指定； ## 二、導入整個模塊 ``` //導出lib的所有函數及變量 import * as lib from 'lib'; //以 lib 做為命名空間進行調用，類似于object的方式 console.log(lib.square(11)); // 121 ``` ## 三、從模塊文件中導入單個或多個函數 ``` //導入square和 diag 兩個函數 import {square, diag} from 'lib'; // 只導入square 一個函數 import {square} from 'lib'; ``` >[danger] 大括號里面的變量名，必須與被導入模塊對外接口的名稱相同； ## 四、導入默認(export default )模塊 ``` // 導入默認模塊 import _ from 'lodash'; ``` >[danger] 導入默認模塊的時候，可以為該匿名函數指定任意名字； ## 五、只import進來，不需要調用 ``` // 導入css import './mystyle.css'; // 導入類庫 import "my-module"; ``` >[danger] 這里的意思是僅僅執行了引入的模塊，但并不引入任何元素。比如被引入的模塊沒有導出任何元素，但擁有其他的一些邏輯。比如：引入樣式，定義一個自定義指令，或將本身作為一個插件綁定到某個已知元素等等邏輯。 > 這個時候導入并不會引入任何元素，而僅僅是執行了這些代碼； ## 六、import目錄 如果文件目錄下有 package.json，就根據它的 main 字段找到 js 文件。如果沒有 package.json，那就默認取文件夾下的 index.js； ## 七、語法手冊 ``` import defaultExport from “module-name”; import * as name from “module-name”; import { export } from “module-name”; import { export as alias } from “module-name”; import { export1 , export2 } from “module-name”; import { export1, export2 as alias2 , [...] } from “module-name”; import defaultExport, { export [ , [...] ] } from “module-name”; import defaultExport, * as name from “module-name”; import “module-name”; ``` ## 八、導入尋址策略 導入的時候，文件的路徑尋址，如果不是絕對路徑，遵循一定的策略； [node_modules](../../../../../Node.js/node_modules.md)