ES6模块化开发1

模块化开发1

1.首先插入（编写）需要导出的js文件，如Rect.js与Other.js
 (1)导出     默认   即默认导出Rect类
    export default class Rect{
        ...
        constructor(){
            ...
        }
        ...
    }
 (2)导出     即导出A，B类
    export class A{
        ...
        constructor(){
            ...
        }
        ...
    }
    export class B{
        ...
        constructor(){
        ...
        }
        ...
    }
2.标签：<script type="module">
    此时module默认开启严格模式
    且写模块化时，只能以服务器方式打开网页，本地方式不能执行
3.导入：导入后的变量名称  from  地址
    (1)由于Rect导出时是默认导出。这个默认导出内容导入后，名字可以自己起，建议还是原来类名
    import Rect from "./js/Rect.js";
    (2)如果导入的文件导出时没有写默认导出，那么就相当于导出了一个对象，对象下导出的所有内容
    这里做解构赋值，所以这里名字必须和导出时的名字一样才能解构出来
    import {A,B} from "./js/Other.js";