moudle说明

1、export写法

 a、写法一

      export var name= 'smile';

  export var sex = 'female';

b、写法二

  var name = 'smile';

  var sex = 'female'

  export {name,sex}

  或命名 export {name as newname, sex as newsex}

c、 写法三默认输出

  var name = 'smile';

  export default name   默认写法类似把name重命名default了所有不用大括号

  -------------

  var name = 'smile';

  export default name 

  export var sex = 'female'

 export 可以输入属性 方法 对象 类都是值引用所有如果是对象里面的默认值是可以的

二、import写法

  a、import会提升,所有可以先使用导入的数据

    var fname = name

  import {name} from  'info'

  b、如果是加载模块到某个对象上是,不能改的(也就是用了 *  as) 如果本身是对象没有加载某个对象上是可以的

  

 

 

   

 

  c、可以重命名

  import {name as newname} from ‘info’

  b、export用default可以任意去命名不用包括在{}里面

  var name = 'smile'

  export default name

  import dss from 'info'

  如果布置默认导出还有别的可以写成默认导出的还是可以任意取名字并且不用包括在{}里面

  import ass, {sex} from 'info'

三、export 和import复合写法

 

 

 四、模块的继承

export * from 'circle';

注意,export *命令会忽略circle模块的default方法。

export * from 'circle';
export var e = 2.71828182846;
export default function(x) {
  return Math.exp(x);
}
五、import()函数
import写法import命令会被 JavaScript 引擎静态分析,也就是编译的时候,可以imort()函数动态,也就是执行的时候加载需要的模块

 

 import()加载模块成功以后,这个模块会作为一个对象,当作then方法的参数

 

 

 

 


 

 

  

  

 

 

 

  

 

posted @ 2020-09-13 12:49  无用之美  阅读(296)  评论(0)    收藏  举报