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对象里。

巴特西

export import 的用法和注意之处

最新文章

热门文章