模块化：
- 默认导出
[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)
//在按需导入中，使用{}将要导入的变量名包裹起来【导出的是什么名字，按需导入的时候就用什么名字，否则会报错】
|
|
收藏
淘帖
踩
