JS篇(008)-require 與 import 的區別

答案：二者的加載方式不一樣、規範不一樣

第1、二者的加載方式不一樣，require 是在運行時加載，而 import 是在編譯時加載

require('./a')(); // a 模塊是一個函數，當即執行 a 模塊函數

var data = require('./a').data; // a 模塊導出的是一個對象

var a = require('./a')[0]; // a 模塊導出的是一個數組 ======> 哪都行

import $ from 'jquery';

import * as _ from '_';

import {a,b,c} from './a';

import {default as alias, a as a_a, b, c} from './a'; ======>用在開頭

第2、規範不一樣，require 是 CommonJS/AMD 規範，import 是 ESMAScript6+規範

第3、require 特色：社區方案，提供了服務器/瀏覽器的模塊加載方案。非語言層面的標準。只能在運行時肯定模塊的依賴關係及輸入/輸出的變量，沒法進行靜態優化。

import 特色：語言規格層面支持模塊功能。支持編譯時靜態分析，便於 JS 引入宏和類型檢驗。動態綁定。

參與互動