export import 的用法和注意之处

   1、整体引入：

　　会将若干export导出的内容组合成一个对象返回；

　　import *as  api from  utils.https;

　　api为自定义名称，可直接指定此文件中的某个方法，utils.https为引用文件路径。

　 2、按需引入：

　  import  {函数1，函数2} from utils.https;

　　本页面需要用到的方法，可单独引入。

　    export default 的用法

　　export default命令用于指定模块的默认输出。显然，一个模块只能有一个默认输出，因此export default命令只能使用一次，所以import明丽景后面才不用加大括号，相反其他的export输出可以有多个，且import时必须加大括号，示例如下：

　　　

  // modules.js
  function add(x, y) {
    return x * y;
  }
  export {add as default};
  // 等同于
  // export default add;
  
  // app.js
  import { default as xxx } from 'modules';
  // 等同于
  // import xxx from 'modules';

 

　　正式因为export default命令其中只是输出一个叫做default的变量，所以它后面不能跟变量声明语句，而export需要跟变量声明或者大括号作为输出：

　　

  //正确
    export var a  = 1;

  //正确
    var a = 1;
    export default a ;
    export(a)
    
   //错误
     export default var  a  = 1；

　　import时候的路径问题（新手容易碰到）

　　开始玩的时候，总是出现cannot findmodule 问题，原来在import的时候如果不适用相对路径或者绝对路径，mode默认会去node_modules/文件夹下去找，例如：

　　

import * as obj from 'exports'
//node 会试着去寻找node_modules/exports.js 模块

//正确写法
import * as obj from './exports'

　　关于import * as obj from  ‘xx’  这种写法是把所有的输出包裹到obj对象里。