模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,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中引入的时候需要给script加type="module",即
<script type="module" src="./profiles.js"></script>
<script type="module" src="./main.js"></script>
本文来自公众号“前端者也”
网友评论