黑马程序员技术交流社区

标题: 【面试题】什么是模块化 [打印本页]

---

作者: 爱编码的J    时间: 2021-5-24 15:58
标题: 【面试题】什么是模块化
模块化：

• 默认导出
• [JavaScript] 纯文本查看 复制代码

  const num = 10
  
  const arr = [1, 2, 3]
  
  const add = (n, m) => {
  
    return n + m
  
  }
  
  
  
  //默认导出
  
  //如果想默认导出一个，就直接在export default后面直接写上变量名即可
  
  //如果想默认全部导出，需在export default后面用{}把所有变量名包裹起来
  
  export default {
  
    num,
  
    arr,
  
    add,
  
  }

• 默认导入
• [JavaScript] 纯文本查看 复制代码

  import result from './01-m1.js'
  
  console.log(result)
  
  //默认导入
  
  //通过关键词import进行导入，在后面跟上一个接受变量名【可以自定义变量名】，from后面跟上对应的路径名【如果引入的是第三方固有的就直接写包名或者是依赖名，如果是自定义的文件，要加上"./"这样的相对路径在引用】

• 按需导出
• [JavaScript] 纯文本查看 复制代码

  export const num = 10
  
  export const arr = [1, 2, 3]
  
  export const add = (n, m) => {
  
    return n + m
  
  }
  
  //按需导出中，使用export关键词，后面紧跟声明的变量
  
  //在按需导出冲，不允许用export{}的方式进行导出，会报错

• 按需导入
• [JavaScript] 纯文本查看 复制代码

  import { num, arr, add } from './03-m2.js'  //可以通过 as 来进行重命名变量
  
  
  
  console.log(num)
  
  console.log(arr)
  
  console.log(add)
  
  //在按需导入中，使用{}将要导入的变量名包裹起来【导出的是什么名字，按需导入的时候就用什么名字，否则会报错】

  
  

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2