美文网首页
export、import

export、import

作者: 江湖小盛 | 来源:发表于2022-12-16 15:49 被阅读0次
// 1、默认导出变量
  const test = 'hellow world'
  export default test

  import testStr from './test.js'
  console.log(testStr) // hellow world

  // 2、默认导出函数
  const request = (params) => {
    return {
      name: 'zhangsan',
      age: 10
    }
  }
  export default request;

  import requestFn from './test.js'
  console.log(requestFn()) // {name: 'zhangsan', age: 10}

  // 3、默认导出对象
  const page = 10;
  const currrent = 0;
  export default {
    page,
    currrent
  }
  
  import pageObj from './test.js'
  console.log(pageObj) // {page: 10, currrent: 0}

  // 1、多个导出
  export function test1() {
    console.log('tst1')
  }

  export function test2() {
    console.log('tst2')
  }

  import { test1, test2 } from './test.js'

  // 2、多个导出合并写法
  function test1() {
    console.log('tst1')
  }

  function test2() {
    console.log('tst1')
  }

  export {
    test1,
    test2
  }

  import { test1, test2 } from './test.js'

  // 3、再导出
  function test1() {
    console.log('tst1')
  }

  function test2() {
    console.log('tst1')
  }

  export {
    test1,
    test2
  }

  // 导入区块代码
  export { test1, test2 } from './test.js'
  // 上面代码等同于
  import { test1, test2 } from './test.js'
  export { test1, test2 }

  // 4、导出所有
  export function test1() {
    console.log('test1')
  }

  export function test2() {
    console.log('test2')
  }

  // 中间文件index.js
  export * from './test.js'
  export * from './test2.js'

  import { test1, test2 } from './index.js'
  console.log(test1()) // test1

相关文章

  • 模块化语法

    1. import + export default 2. import + export 3. import +...

  • export,import

    ES6之前模块加载方案,CommonJS (用于服务器)和 AMD(浏览器)2.CommonJS 和 AMD模块只...

  • import export

    import export 这两个家伙对应的就是es6自己的module功能。 我们之前写的Javascript一...

  • import export

    一 import 导入整个模块的内容 用于导入由另一个模块导出的绑定。 在这里,访问导出意味着使用模块名称(在这种...

  • import export

    今天在用import引入公共模块的时候忽然报错了,如图: 我一看,我去,居然少了一个括号,然后匆忙去看我的代码发现...

  • import & export

    在es6中,我们 export的方式有很多但是import的时候也要 用户有时候不想知道你输出的到底有啥,那么可以...

  • export import

    export可以导出引用地址 import export from

  • export、import

    需要注意的地方request.js test.js

  • export && import

    在一个文件或者模块中,export,import可以有多个,但是export default只能有一个 expor...

  • export、import

网友评论

      本文标题:export、import

      本文链接:https://www.haomeiwen.com/subject/cjurqdtx.html