美文网首页
es6与node模块化加载的区别

es6与node模块化加载的区别

作者: Petricor | 来源:发表于2020-09-06 15:12 被阅读0次

node

在none中导入一个包(模块)的方式

// 引入node核心模块时 
const fs = require('fs')

// 引入自定义的模块时
const  名称 = require('路径')

Node 中向外暴露成员的形式:

// exportes ={ } 也能暴露,但是node中以module.exports  为准
module.exports = {}

在node中想要在一个模块中引入另一个模块中定义的方法或者变量 ,需要另一个模块先对外暴露该数据

es6

在 ES6中,也通过 规范的形式,规定了 ES6 中如何 导入 和 导出 模块ES6中导入模块

es6引入一个模块:

import 模块名称 from '模块标识符'  
// eg:引入该模块下的定义的数据
import { STATISTICSTYPE ,   CARD_TYPES , CARD_STATUS } from "@/utility/dict";

import '路径'

//一般情况下都是使用第一种方式操作

在 ES6 中,使用 export defaultexport 向外暴露成员

// `export` 向外暴露成员
export const STATISTICSTYPE = {
    日: "BY_WEEK",
    周: "BY_WEEK",
    月: "BY_MONTH",
    年: "BY_YEAR"
};
export const CARD_TYPES = {
    MONTH: "月卡",
    HALF_YEAR: "半年卡",
    DAY: "天卡",
    QUARTER: "季度卡",
    YEAR: "年卡"
};
export const CARD_STATUS = {
    USED: "已使用",
    UNUSED: "未使用"
};


// 使用 export default 
let setAgentCard  = { }
let = ()=>{ }


export default {
    getAdd ,
    setAgentCard
}



/*
[注意]: 使用 export 向外暴露的成员,只能使用 { } 的形式来接收,这种形式,叫做 【按需导出】
[注意]: export 可以向外暴露多个成员, 同时,如果某些成员,我们在 import 的时候,不需要,则可以 不在 {}  中定义
[注意]: 使用 export 导出的成员,必须严格按照 导出时候的名称,来使用  {}  按需接收;
[注意]: 使用 export 导出的成员,如果 就想 换个 名称来接收,可以使用 as 来起别名;   
例子: import m222, { title as title123, content } from './test.js'
*/

相关文章

  • es6与node模块化加载的区别

    node 在none中导入一个包(模块)的方式 Node 中向外暴露成员的形式: 在node中想要在一个模块中引入...

  • ES6 模块与 CommonJS 模块的差异

    讨论 Node.js 加载 ES6 模块之前,必须了解 ES6 模块与 CommonJS 模块完全不同。impor...

  • Node.js模块化学习

    模块化的基本概念Node.js 中模块化npm与包模块的加载机制 模块化的基本概念 什么是模块化 模块化是指解决一...

  • 第4章 ES6模块化

    目标 模块化系统演进 ES6模块化实现 模块化概述 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 Co...

  • 第4章 ES6模块化

    目标 模块化系统演进 ES6模块化实现 模块化概述 在 ES6 之前,社区制定了一些模块加载方案,最主要的有 Co...

  • 模块化

    ES6模块化和CommonJS的区别 CommonJS主要用于服务器端node环境,不适用于浏览器端。 因为req...

  • import与export在node.js中的使用

    简述 import与export是es6中模块化的导入与导出,node.js现阶段不支持,需要通过babel进行编...

  • 前端模块化

    什么是前端模块化? 前端为什么需要模块化? CommonJS、AMD、ES6、CMD区别是什么? 一、什么是模块化...

  • Node 模块化与ES6模块化之间的交互

    Node模块化参考这篇[https://www.jianshu.com/p/164ca11a5862]ES6 模...

  • require加载机制简单模拟

    Node 采用的模块化结构是按照 CommonJS 规范模块与文件是一一对应关系,即加载一个模块,实际上就是加载对...

网友评论

      本文标题:es6与node模块化加载的区别

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