ES6学习笔记十二：模块化实现

es6模块功能主要有两个命令构成：export和import export用于规定模块的对外接口 import用于输入其他模块提供的功能 每个模块都是独立的文件

html中引入js文件

<script type='module'>
        import Person,{sayName} from './modules/index.js'; 
        console.log(sayName()); 
        let p = new Person(); 
        p.sayAge();
</script>

./modules/index.js

export const name = 'hattie';
export const age = 18;
export function sayName() {
    return 'my name is ' + name;
}

class Person {
    constructor() {}
    sayAge() {
        console.log(16);
    }
}
// default只能有一个默认输出项
export default Person;