理一理js的导入导出的使用

296 阅读1分钟

之前对这些名词都是傻傻分不清楚,导入导出都是直接复制的代码,今天来理一理怎样使用

  1. CommonJS规范的导入导出,exports是指向module.exports的内存的,就是说 exports = module.exports,导出之后用require引入 .

    a.js
    
    let name = 'seven'
    module.exports = { name } 或者 exports = {name}
    b.js
    
    let a = require('a.js');
    console.log(a.name)

  2. es6中的导入导出 
    1. export

      a.js
      
      export name = 'seven';
      export age = 17;
      
      b.js
      
      import * as obj from 'a.js' //把多个导出的参数用一个对象包括
      
      obj.name //seven
      obj.age //17
      
      import {name} from 'a.js' //导入某一个或多个属性或方法
      name //seven

    2. export default

      a.js
      
      let person = {
      name: 'seven',
      age: 17}
      export default person
      
      b.js
      
      import person from 'a.js' //直接用变量接收导出的对象
      person.name //seven
      person.age //17
      

3参考于juejin.cn/post/684490…