Node.js中ES6模块化及Promise对象

 更新时间:2022年07月04日 09:00:41   作者:​ vGuYi   ​  
这篇文章主要介绍了Node.js中ES6模块化及Promise对象,node.js 遵循了 CommonJS 的模块化规范,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下

ES6模块化

CommonJS 规范

node.js 遵循了 CommonJS 的模块化规范。其中:

  • 导入其它模块使用 require()方法
  • 模块对外共享成员使用 module.exports 对象

模块化开发好处

模块化开发的好处有很多,其中:

  • 实现了在JS文件中引用其他文件
  • 避免命名冲突的问题
  • 大家都遵守同样的模块化规范写代码,降低了沟通的成本,极大方便了各个模块之间的相互调用
  • 只需关心当前模块本身的功能开发,需要其他模块的支持时,在模块内调用目标模块即可

模块化规范划分

在 ES6 模块化规范诞生之前,JavaScript 社区已经尝试并提出了 AMD 、 CMD 、 CommonJS 等模块化规范。 但是,这些由社区提出的模块化标准,还是存在一定的差异性与局限性、并不是浏览器与服务器通用的模块化标准

  • AMD 和 CMD 适用于浏览器端的 Javascript 模块化
  • CommonJS 适用于服务器端的 Javascript

模块化太多的模块化规范给开发者增加了学习的难度与开发的成本。因此,官方的 ES6 模块化规范诞生了!

ES6模块化开发注意点

node.js 中默认仅支持 CommonJS 模块化规范,若想基于 node.js 体验与学习 ES6 的模块化语法,需要按照如下两个步骤进行配置:

  • 确保安装了 v13.0.0 或更高版本的 node.js
  • 在 package.json 的根节点中添加 "type": "module" 节点
  • 配置之后,则只能使用ES6模块化语法,不能再使用CommonJS语法了

ES6 导入导出

主模块:

// //导入子模块
// //方法1.默认导入  不能解构接收
// import obj from './02-子模块.js'
// console.log(obj);
// //不能再接收位置直接解构
//import { fn, num } from './02-子模块.js'
//方法2.按需导入
// import { str, fn2 } from './02-子模块.js'
// console.log(str);
// fn2
//import bbb from './02-子模块.js'
//方法3.只导入 不接收 使用的是功能
import './02-子模块.js'
//es6也有缓存机制

子模块:

//导出内容
//方法1.默认导出一次  不允许导出多次
// const num = 123
// function fn() {
//   console.log('我是函数fn');
// }
// export default { fn, num }

//方法2.按需导出  可以导出多次
//必须定义的时候就导出
// export const str = 'abc'
// export function fn2() {
//   console.log('我是函数fn2');
// }

//方法3.不导出任何数据  让别人使用自己的功能
for (let i = 0; i < 3; i++) {
  console.log('重要的事情说三遍!');
}

Promise对象

异步操作是 JavaScript 编程的麻烦事,麻烦到一直有人提出各种各样的方案,试图解决这个问题。早期使用回调函数处理异步编码,但存在回调地狱的问题。ES6中,新增了Promise 对象,从此异步编程摆脱了回调函数的束缚。

使用语法

let p = new Promise((resolve, reject) => {
    // ... some code
    if (/* 异步操作成功 */) {
        resolve(value);
    } else {
        reject(error);
    }
});

注意点:

  • new Promise()
  • 必须传入一个函数作为Promise的参数,这个函数在 new Promise的时候就会执行
  • 函数有 resolve 和 reject 两个形参
  • 函数就相当于一个容器,可以将异步任务放到这里
  • 将异步任务成功的结果传给 resolve 函数;将失败的信息传给 reject 函数
p.then(
    result => { /* 获取成功的结果 */ }
);
// 或者
p.then(
    result => { /* 获取成功的结果 */ },
    err => { /* 获取失败的结果 */ }
);
// 或者
p.then(
    result => { /* 获取成功的结果 */ }
).catch(
    err => { /* 获取失败的结果 */ }
);

注意点:

  • then方法接收以个函数类型的参数,只处理成功
  • then方法接收两个函数类型的参数,分别用于接收 resolve 的值 和 reject 的值
  • then方法也可以只接收一个参数,表示只接收 resolve 的值,失败的结果可以通过链式调用catch方法捕获

Promise中的同步异步

new Promise 和 new 其他对象一样,是同步任务。

获取结果时(调用 resolve 触发 then方法时)是异步的。

Promise 封装

// 封装
function myReadFile(filename) {
    return new Promise((resolve, reject) => {
        fs.readFile(filename, 'utf-8', (err, data) => {
            err ? reject(err) : resolve(data.length);
        })
    });
}
// 调用
myReadFile('./files/a.txt')
    .then(a => {
        console.log(a);
        return myReadFile('./files/b.txt');
    })
    .then(b => {
        console.log(b);
        return myReadFile('./files/c.txt');
    })
    .then(c => {
        console.log(c)
    })

第三方then-fs解决回调地狱

// npm  i  then-fs
const fs = require('then-fs');
fs.readFile('./files/a.txt', 'utf-8')
    .then(res1 => {
        console.log(res1);
        return fs.readFile('./files/b.txt', 'utf-8')
    })
    .then(res2 => {
        console.log(res2);
        return fs.readFile('./files/b.txt', 'utf-8')
    })
    .then(res3 => {
        console.log(res3)
    })

注意:未来很多模块支持Promise对象开发,就是返回的是一个Promise对象; 如 axios

到此这篇关于Node.js中ES6模块化及Promise对象的文章就介绍到这了,更多相关Node.js ES6模块 内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • node.js中Buffer缓冲器的原理与使用方法分析

    node.js中Buffer缓冲器的原理与使用方法分析

    这篇文章主要介绍了node.js中Buffer缓冲器的原理与使用方法,结合实例形式分析了node.js Buffer缓冲器的基本概念、原理、创建、使用方法及相关操作注意事项,需要的朋友可以参考下
    2019-11-11
  • Node.js 使用流实现读写同步边读边写功能

    Node.js 使用流实现读写同步边读边写功能

    本文通过代码给大家介绍了Node.js 使用流实现读写同步边读边写功能,非常不错,具有参考借鉴价值,需要的额朋友参考下吧
    2017-09-09
  • Nodejs开发grpc的实例代码

    Nodejs开发grpc的实例代码

    Nodejs开发grpc包含静态和动态两种代码生成方式,静态代码生成需要提前通过.proto文件编译生成JS源码,而动态代码生成则是在运行时指定IDL文件位置,实时生成源码,两者各有优缺点,本文给大家介绍Nodejs开发grpc的实例代码,感兴趣的朋友一起看看吧
    2024-10-10
  • 关于node.js版本npm -v报错问题的解决方法

    关于node.js版本npm -v报错问题的解决方法

    最近工作中遇到了些问题,这里总结下,下面这篇文章主要给大家介绍了关于node.js版本npm -v报错问题的解决方法,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-04-04
  • Highcharts+NodeJS搭建数据可视化平台示例

    Highcharts+NodeJS搭建数据可视化平台示例

    本篇文章主要介绍了Highcharts+NodeJS搭建数据可视化平台,详细的介绍了使用Highcharts框架的经验,有兴趣的可以了解一下。
    2017-01-01
  • 详解Node.js包的工程目录与NPM包管理器的使用

    详解Node.js包的工程目录与NPM包管理器的使用

    这篇文章主要介绍了Node.js包的工程目录与NPM包管理器的使用,可以帮助编程者更好地组织Node.js代码文件,需要的朋友可以参考下
    2016-02-02
  • Node.js入门教程:在windows和Linux上安装配置Node.js图文教程

    Node.js入门教程:在windows和Linux上安装配置Node.js图文教程

    这篇文章主要介绍了Node.js入门教程:在windows和Linux上安装配置Node.js的方法,本文图文并茂,步骤明细,是学习安装node.js的绝佳教程,需要的朋友可以参考下
    2014-08-08
  • NodeJS Web应用监听sock文件实例

    NodeJS Web应用监听sock文件实例

    这篇文章主要介绍了NodeJS Web应用监听sock文件实例,本文讲解 NodeJS 的 TCP 和 HTTP 监听 Domain Socket 文件例子,需要的朋友可以参考下
    2015-02-02
  • node.js中的fs.fchown方法使用说明

    node.js中的fs.fchown方法使用说明

    这篇文章主要介绍了node.js中的fs.fchown方法使用说明,本文介绍了fs.fchown方法说明、语法、接收参数、使用实例和实现源码,需要的朋友可以参考下
    2014-12-12
  • node.js 抓取代理ip实例代码

    node.js 抓取代理ip实例代码

    这篇文章主要介绍了node.js 抓取代理ip实例代码的相关资料,需要的朋友可以参考下
    2017-04-04

最新评论