前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Node.js异步编程

Node.js异步编程

作者头像
清出于兰
发布2020-10-29 10:52:37
1.9K0
发布2020-10-29 10:52:37
举报
文章被收录于专栏:前端学习笔记

1. 同步API,异步API

代码语言:javascript
复制
//路径拼接
const public = path.join(_ dirname, 'public') ;  //通过返回值拿到
//请求地址解析
const url0bj = url. parse (req. ur1) ;   //通过返回值拿到
//读取文件
fs. readFile(' ./demo.txt', 'utf8', (err, result) => {
console .1og (result) ;
}) ;    //通过函数方式拿到

同步API:只有当前API执行完成后,才能继续执行下一个API

代码语言:javascript
复制
console.log('before') ;
console.log('after') ;

异步API:当前API的执行不会阻塞后续代码的执行

代码语言:javascript
复制
console.log('before') ;
setTimeout (
    () => { console.log('last');
},2000);
console.log('after');   //before after last 

2. 同步API,异步API的区别(获取返回值)

同步API可以从返回值中拿到API执行的结果,但是异步API是不可以的

代码语言:javascript
复制
//同步
function sum (n1, n2) {
    return nl + n2;
}
const result = sum (10,20) ; 
console.log(result);  //30
//异步
function getMsg () {
    setTimeout (function () {
        return {msg: 'Hello Node.js'}
    },2000);
} 
const msg = getMsg (); 
console.log(msg)  //undefined

3. 回调函数

自己定义函数让别人去调用。

代码语言:javascript
复制
// getData函数定义
function getData (callback) {}
// getData函数调用
getData (() => {}) ;

4. 使用回调函数获取异步API执行结果

代码语言:javascript
复制
function getMsg (callback) {
    setTimeout (function () {
        callback ({ msg:'Hel1o Node.js' })
    },2000) ;
}
getMsg (function (msg) {
    console.log (msg) ;
}) ;

5. 同步API,异步API的区别(代码执行顺序)

同步API从上到下依次执行,前面代码会阻塞后面代码的执行

代码语言:javascript
复制
for(vari=0;i<100000;i++){
    console.log (i) ;
}
console.log('for循环后面的代码) ;

异步API不会等待API执行完成后再向下执行代码

代码语言:javascript
复制
console.log('代码开始执行') ;
setTimeout(() => { console.1og('2秒后执行的代码')},2000) ;
setTimeout(() => { console.log("0秒"后执行的代码')},0) ;
console.log('代码结束执行') ; 

6. 代码执行顺序分析

代码语言:javascript
复制
console.log( '代码开始执行') ;
setTimeout( () => {
    console.log('2秒后执行的代码') ;
},2000) ;
setTimeout( () = => {
    console.log('"0秒"后执行的代码') ;
},0);
console.log( '代码结束执行') ;

7. Node.js中的异步API

fs. readFile('./demo.txt', (err, result) => {}) ;

var server = http. createServer() ; server.on(' request', (req, res) => {}) ;

如果异步API后面代码的执行依赖当前异步API的执行结果,但实际上后续代码在执行的时候异步API还没有 返回结果,这个问题要怎么解决呢?

fs. readFile(' ./demo. txt', (err, result) => {}) ; console. log('文件读取结果') ;

需求:依次读取A文件、B文件、C文件

代码语言:javascript
复制
//回调地域
const fs = require('fs');
fs.readFile('./01.js', 'utf-8', (err, doc) => {
    console.log(doc);
    fs.readFile('./02.js', 'utf-8', (err, doc) => {
        console.log(doc);
        fs.readFile('./03.js', 'utf-8', (err, doc) => {
            console.log(doc);
        });
    });
});

8. Promise

Promise出现的目的是解决Node.js异步编程中回调地狱的问题。

代码语言:javascript
复制
let promise = new Promise ((resolve, reject) => {
    setTimeout(() => {
        if (true) {
            resolve ({name: '张三' })
        }else {
            reject('失败了')
    },2000) ;
}) ;
promise.then (result => console.log (result); // {name: '张三 ' })
        .catch(error => console.log(error); //失败了)
代码语言:javascript
复制
const fs = require('fs');
​
function p1() {
    return new Promise((resolve, reject) => {
        fs.readFile('./01.js', 'utf-8', (err, result) => {
            resolve(result);
        });
    });
}
​
function p2() {
    return new Promise((resolve, reject) => {
        fs.readFile('./02.js', 'utf-8', (err, result) => {
            resolve(result);
        });
    });
}
​
function p3() {
    return new Promise((resolve, reject) => {
        fs.readFile('./03.js', 'utf-8', (err, result) => {
            resolve(result);
        });
    });
}
p1().then(result1 => {
    console.log(result1);
    return p2();
}).then(result2 => {
    console.log(result2);
    return p3();
}).then(result3 => {
    console.log(result3);
});

9. 异步函数

异步函数是异步编程语法的终极解决方案,它可以让我们将异步代码写成同步的形式,让代码不再有回调函数嵌套,使代码变得清晰明了。

const fn = async () => {}; async function fn () {};

async关键字

  1. 普通函数定义前加async关键字 普通函数变成异步函数
  2. 异步函数默认返回promise对象
  3. 在异步函数内部使用return关键字进行结果返回 结果会被包裹的promise对象中 return关键字代替了resolve方法
  4. 在异步函数内部使用throw关键字抛出程序异常
  5. 调用异步函数再链式调用then方法获取异步函数执行结果
  6. 调用异步函数再链式调用catch方法获取异步函数执行的错误信息

await关键字

  1. await关键字只能出现在异步函数中
  2. await promise await后面只能写promise对象,其他类型的API是不可以的
  3. await关键字是暂停异步函数向下执行,直到promise返回结果
代码语言:javascript
复制
// 在普通函数定义前加上async关键字, 普通函数就变成了异步函数
// 异步函数默认返回值是promise对象   Promise { undefined }
// throw 抛出异常
async function fn() {
    throw '发生了一些错误'; //throw之后的代码不执行
    return 123;
}
fn().then(data => {
    console.log(data);
}).catch(err => {
    console.log(err);
});
​
async function p1() {
    return 'p1';
}
async function p2() {
    return 'p2';
}
async function p3() {
    return 'p3';
}
async function run() {
    let r1 = await p1();
    let r2 = await p2();
    let r3 = await p3();
    console.log(r1);
    console.log(r2);
    console.log(r3);
}
run(); //p1  p2  p3

解决Node.js异步编程中回调地狱的问题

代码语言:javascript
复制
const fs = require('fs');
// promisify改造现有异步函数API,让其返回promise方法,从而支持异步函数语法
const promisify = require('util').promisify;
// 调用promisify方法改造现有异步API 让其返回promise对象
const readFile = promisify(fs.readFile);
​
async function run() {
    let r1 = await readFile('./01.js', 'utf8');
    let r2 = await readFile('./02.js', 'utf8');
    let r3 = await readFile('./03.js', 'utf8');
    console.log(r1);
    console.log(r2);
    console.log(r3);
}
run();
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020-10-23 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 同步API,异步API
  • 2. 同步API,异步API的区别(获取返回值)
  • 3. 回调函数
  • 4. 使用回调函数获取异步API执行结果
  • 5. 同步API,异步API的区别(代码执行顺序)
  • 6. 代码执行顺序分析
  • 7. Node.js中的异步API
  • 8. Promise
  • 9. 异步函数
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档