模塊功能主要由兩個(gè)命令構(gòu)成：export和import。export命令用于規(guī)定模塊的對(duì)外接口，import命令用于輸入其他模塊提供的功能。

//profile.js
export var firstName = 'Michael';
export var lastName = 'Jackson';
export function sayName () {
    return firstName + lastName;
}
export default function () {
    console.log('foo');
}

// main.js
import { firstName, lastName , sayName} from './profile.js';

注意：在index.html中引入的時(shí)候需要給script加type="module",即

<script type="module" src="./profiles.js"></script>
<script type="module" src="./main.js"></script>

本文來(lái)自公眾號(hào)“前端者也”