码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Node.js 的 CommonJS & ECMAScript 标准用法


    目录

      • 一、前言
      • 二、CommonJS 标准
        • 使用方法
      • 三、ECMAScript 标准
        • 使用方法
      • 四、常用命令总结

    一、前言

    本文主要是介绍 Node.js 的 CommonJS & ECMAScript 标准用法
    如果对你有帮助,欢迎三连 收藏点赞关注!!!

    ---- NickYoung


    二、CommonJS 标准

    一般应用在 Node.js 项目环境中

    使用方法

    • 导出:module.exports = {}
    /**
     * 目标:基于 CommonJS 标准语法,封装属性和方法并导出
     */
    const baseURL = 'http://hmajax.itheima.net'
    const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)
    
    // 导出
    module.exports = {
      url: baseURL,  // 对外属性名1: 内部私有属性名
      arraySum: getArraySum
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 导入:require(‘模块名或路径’)
    /**
     * 目标:基于 CommonJS 标准语法,导入工具属性和方法使用
     */
    // 导入require(模块名或路径)
    const obj = require('./utils.js')
    // obj 就等于 export default 导出的对象
    
    const result = obj.arraySum([5, 1, 2, 3])
    console.log(result)
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    三、ECMAScript 标准

    一般应用在前端工程化项目中

    使用方法

    • 默认导出:export default {}
    /**
     * 目标:基于 ECMAScript 标准语法,封装属性和方法并"默认"导出
     */
    const baseURL = 'http://hmajax.itheima.net'
    const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)
    
    // 默认导出
    export default {
      url: baseURL,  // 对外属性名1: 模块内私有变量
      arraySum: getArraySum
    }
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 默认导入:import 变量名 from ‘模块名或路径’
    /**
     * 目标:基于 ECMAScript 标准语法,"默认"导入,工具属性和方法使用
     */
    // 默认导入
    import obj from './utils.js'
    // obj 就等于 export default 导出的对象
    
    const result = obj.arraySum([10, 20, 30])
    console.log(result)
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 注意:Node.js 默认支持 CommonJS标准语法

    如需使用 ECMAScript 标准语法,在运行模块所在文件夹新建 package.json文件,并设置 { “type” : “module” }

    { “type”: "module" }
    
    • 1
    • 命名方式:导出&导入
      |
      | 导出 | 导入 |
      | — | — | — |
      | 默认方式 | export default {} | import 变量名 from ‘模块名或路径’ |
      | 命名方式 | export 修饰定义语句 | import { 同名变量 } from ‘模块名或路径’ |

    四、常用命令总结

    功能命令
    执行 js文件node xxx
    初始化 package.jsonnpm init -y
    下载本地软件包npm i 软件包名
    下载全局软件包npm i 软件包名 -g
    删除软件包npm uni 软件包名
  • 相关阅读:
    墙裂推荐:GitHub 上这个开源项目可以让你在短短几分钟之内了解一门技术
    java建材公司管理系统计算机毕业设计MyBatis+系统+LW文档+源码+调试部署
    qt配置halcon环境实现读入图像显示
    Java老码农心得:卷了这么多年,您真的卷会了吗?
    Windows高效开发环境配置(一)
    【Sentinel】核心API-Entry与Context
    Kafka 为什么这么快,性能如此优良
    微信小程序开发校园第二课堂+后台管理系统|前后分离VUE.js在线学习网
    声网赵斌:RTE 体验提升,新一代 Killer App 将成为现实丨RTE 2022
    js函数新东西——匿名函数
  • 原文地址:https://blog.csdn.net/PY0312/article/details/134018675
  • 最新文章
  • 【JVM】编译执行与解释执行的区别是什么?JVM 使用哪种方式?
    用 Hashids 优雅解决 C 端自增 ID 暴露问题
    V8引擎 精品漫游指南--Ignition篇(上) 指令 栈帧 槽位 调用约定 内存布局 基础内容
    LLVM Pass快速入门(四):代码插桩
    milkup:桌面端 markdown AI续写和即时渲染
    基于项目工程构建SBOM(软件物料清单)的研究
    鸿蒙应用开发UI基础第二节:鸿蒙应用程序框架核心解析与实操
    .NET 中如何快速实现 List 集合去重?
    扣子Coze实战:从0到1打造抖音+小红书热点监控智能体
    浅谈数据访问层
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号