Nodejs資料之異步編程

◆ 同步API和異步API：

1、同步API：

只有當前API執行完成後，才能繼續執行下一個API

for (var i = 0; i < 100000; i++) { 
    console.log(i);
}
console.log('for循環後面的代碼');

2、異步API：

當前API的執行不會阻塞後續代碼的執行

console.log('代碼開始執行'); 
setTimeout(() => { console.log('2秒後執行的代碼')}, 2000);
setTimeout(() => { console.log('"0秒"後執行的代碼')}, 0); 
console.log('代碼結束執行');

3、區別：

同步API可以從返回值中拿到API執行的結果, 但是異步API是不可以的

// 同步
  function sum (n1, n2) { 
      return n1 + n2;
  } 
  const result = sum (10, 20);  // 30

// 異步
function getMsg () { 
  setTimeout(function () { 
	  return { msg: 'Hello Node.js' }
  }, 2000);
}
const msg = getMsg ();  // undefined

◆ 代碼執行順序分析：

代碼：

console.log('代碼開始執行');
setTimeout(() => {
    console.log('2秒後執行的代碼');
}, 2000); 
setTimeout(() => {
    console.log('"0秒"後執行的代碼');
}, 0);
console.log('代碼結束執行');

執行順序：

[外鏈圖片轉存失敗,源站可能有防盜鏈機制,建議將圖片保存下來直接上傳(img-xu9DjWin-1577409930322)(en-resource://database/6194:1)]

◆ 回調函數：

自己定義函數讓別人去調用。

// getData函數定義
function getData (callback) {}
// getData函數調用
getData (() => {});

可以使用回調函數獲取異步API執行結果

function getMsg (callback) {
    setTimeout(function () {
        callback ({ msg: 'Hello Node.js' })
    }, 2000);
}
getMsg (function (msg) { 
    console.log(msg);
});

◆ Promise類：

Promise的出現就是解決Node.js異步編程中回調地獄的問題。

const fs = require('fs');

let promise = new Promise((resolve, reject) => {
	fs.readFile('./100.txt', 'utf8', (err, result) => {
		if (err != null) {
			reject(err);
		}else {
			resolve(result);
		}
	});
});

promise.then((result) => {
	 console.log(result);
})
.catch((err)=> {
	console.log(err);
})

示例：順序讀取1.txt、2.txt和3.txt

const fs = require('fs');

// fs.readFile('./1.txt', 'utf8', (err, result1) => {
// 	console.log(result1)
// 	fs.readFile('./2.txt', 'utf8', (err, result2) => {
// 		console.log(result2)
// 		fs.readFile('./3.txt', 'utf8', (err, result3) => {
// 			console.log(result3)
// 		})
// 	})
// });

function p1 () {
	return new Promise ((resolve, reject) => {
		fs.readFile('./1.txt', 'utf8', (err, result) => {
			resolve(result)
		})
	});
}

function p2 () {
	return new Promise ((resolve, reject) => {
		fs.readFile('./2.txt', 'utf8', (err, result) => {
			resolve(result)
		})
	});
}

function p3 () {
	return new Promise ((resolve, reject) => {
		fs.readFile('./3.txt', 'utf8', (err, result) => {
			resolve(result)
		})
	});
}

p1().then((r1)=> {
	console.log(r1);
	return p2();
})
.then((r2)=> {
	console.log(r2);
	return p3();
})
.then((r3) => {
	console.log(r3)
})

◆ 異步函數：

異步函數是異步編程語法的終極解決方案，它可以讓我們將異步代碼寫成同步的形式，讓代碼不再有回調函數嵌套，使代碼變得清晰明瞭。

const fn = async () => {};

async function fn () {}

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返回結果

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();

◆ promisify：

promisify方法可以改造現有異步API，讓其返回promise對象。

const fs = require('fs');
// 改造現有異步函數api 讓其返回promise對象 從而支持異步函數語法
const promisify = require('util').promisify;
// 調用promisify方法改造現有異步API 讓其返回promise對象
const readFile = promisify(fs.readFile);

async function run () {
	let r1 = await readFile('./1.txt', 'utf8')
	let r2 = await readFile('./2.txt', 'utf8')
	let r3 = await readFile('./3.txt', 'utf8')
	console.log(r1)
	console.log(r2)
	console.log(r3)
}

run();