function getFile(fpath) {
return new Promise
}

如果想要創(chuàng)建 具體的異步操作 ，則需要在 new Promise() 構(gòu)造函數(shù)期間， 傳遞一個 function 函數(shù) ， 將具體的 異步操作定義到 function 函數(shù)內(nèi)部

function getFile(fpath) {
  return new Promise(function () {
    fs.readFile(fpath, 'utf8', (err, dataStr) => {
      
    })
  })
}

3 獲取 .then 的兩個實參

通過 .then() 指定的成功和失敗的回調(diào)函數(shù)，可以在 function 的形參中進行接收，

4 調(diào)用 resolve 和 reject 回調(diào)函數(shù)

Promise 異步操作的結(jié)果，可以調(diào)用 resolve 或 reject 回調(diào)函數(shù)進行處理。

import fs from 'fs'

function getFile(fpath) {
  return new Promise(function (resolve, reject) {
    fs.readFile(fpath, 'utf8', (err, dataStr) => {
      if (err) return reject(err)
      resolve(dataStr)
    })
  })
}

getFile('./files/11.txt')
  .then((r1) => {
    console.log(r1)
  })
  .catch((err) => console.log(err.message))

async/await 是 ES8 （ECMAScript 2017）引入的新語法，用來 簡化 Promise 異步操作 。在 async/await 出現(xiàn)之前，開發(fā)者只能通過 鏈?zhǔn)?.then() 的方式 處理 Promise 異步操作。

import thenFs from 'then-fs'

async function getAllFile() {
  const r1 = await thenFs.readFile('./files/1.txt', 'utf8')
  console.log(r1)
}

getAllFile()

單線程執(zhí)行任務(wù)隊列的問題：

如果 前一個任務(wù)非常耗時 ，則后續(xù)的任務(wù)就不得不一直等待，從而導(dǎo)致 程序假死 的問題。

2. 同步任務(wù)和異步任務(wù)

• ?又叫做非耗時任務(wù)，指的是在主線程上排隊執(zhí)行的那些任務(wù)
• ?只有前一個任務(wù)執(zhí)行完畢，才能執(zhí)行后一個任務(wù)

• ?又叫做耗時任務(wù)，異步任務(wù)由 JavaScript 委托給宿主環(huán)境進行執(zhí)行
• ?當(dāng)異步任務(wù)執(zhí)行完成后，會通知 JavaScript 主線程執(zhí)行異步任務(wù)的回調(diào)函數(shù)

3. 同步任務(wù)和異步任務(wù)的執(zhí)行過程

1. ?同步任務(wù)由 JavaScript 主線程次序執(zhí)行
2. 　異步任務(wù)委托給宿主環(huán)境執(zhí)行
3. ?已完成的異步任務(wù)對應(yīng)的回調(diào)函數(shù)，會被 加入到任務(wù)隊列中等待執(zhí)行
4. ?JavaScript 主線程的執(zhí)行棧被清空后，會 讀取任務(wù)隊列中的回調(diào)函數(shù)，次序執(zhí)行
5. ?JavaScript 主線程不斷重復(fù)上面的第 4 步

4. EventLoop 的基本概念

５. 結(jié)合 EventLoop 分析輸出的順序

同步任務(wù)。會根據(jù)代碼的先后順序依次被執(zhí)行

宏任務(wù)和微任務(wù)

1. 什么是宏任務(wù)和微任務(wù)

• ?異步 Ajax 請求、
• ?setTimeout、setInterval、
• ?文件操作
• ?其它宏任務(wù)

• ?Promise.then、.catch 和 .finally
• ?process.nextTick
• ?其它微任務(wù)

2. 宏任務(wù)和微任務(wù)的執(zhí)行順序

API 接口案例

1. 案例需求

• ?第三方包 express 和 mysql2
• ?ES6 模塊化
• ?Promise
• ?async/await

2. 主要的實現(xiàn)步驟

1. ?搭建項目的基本結(jié)構(gòu)
2. ?創(chuàng)建基本的服務(wù)器
3. ?創(chuàng)建 db 數(shù)據(jù)庫操作模塊
4. ?創(chuàng)建 user_ctrl 業(yè)務(wù)模塊
5. ?創(chuàng)建 user_router 路由模塊

3. 搭建項目的基本結(jié)構(gòu)

創(chuàng)建一個文件目錄 用vscode打開?

初始包 npm? init -y?

• ?在 package.json 中聲明 "type": "module"

• ?運行 npm install express@4.17.1 mysql2@2.2.5

4. 創(chuàng)建基本的服務(wù)器

新建app.js

import express from 'express'

const app = express()


app.listen(80, () =>{
  console.log('serve run 127.0.0.1')
})

運行 nodemon app.js?

5. 創(chuàng)建 db 數(shù)據(jù)庫操作模塊

新建 db/index.js

數(shù)據(jù)庫中必須有數(shù)據(jù)

import mysql from 'mysql2'

const pool = mysql.createPool({
  host: '127.0.0.1',
  port: '3306',
  database: 'test',
  user: 'root',
  password: '123456',
})

export default pool.promise()

6. 創(chuàng)建 user_ctrl 模塊

新建?user_ctrl.js? ? ?運行 ：node?user_ctrl.js?

import db from '../db/index.js'

export async function getAllUser(req, res){
  const [rows] = await db.query('select id, username, password from user' )
  console.log(rows)
  res.send({
    status: 0,
    message: '獲取用戶成功',
    data: rows,
  })
}

7. 創(chuàng)建 user_router 模塊

新建route /user_router.js?

import express from 'express'
import { getAllUser } from '../controller/user_ctrl.js'

const router = new express.Router()
router.get('/user', getAllUser)

export default router

8. 導(dǎo)入并掛載路由模塊

import express from 'express'
import userRouter  from './router/user_router.js'

const app = express()

app.use('/api', userRouter)

app.listen(80, () =>{
  console.log('serve run 127.0.0.1')
})

9. 使用 try…catch 捕獲異常

import db from '../db/index.js'

export async function getAllUser(req, res){
try {
  const [rows] = await db.query('select id, username, password from user' )
  console.log(rows)
  res.send({
    status: 0,
    message: '獲取用戶成功',
    data: rows,
  })
}catch(err){
  res.send({
    status: 1,
    message: '獲取用戶失敗',
    desc: err.message,
  })
}
}

運行 ：nodemon app.js文章來源地址http://www.zghlxwxcb.cn/news/detail-604020.html