前端異步那些年

sshe 發(fā)布于2019-08-26 12:20 / 1674人閱讀

摘要：自己最大的賣點(diǎn)就是異步回調(diào)，但是又總是在一路上撒潑一樣在脫掉這一塊外衣。

js 自己最大的賣點(diǎn)就是異步回調(diào)，但是又總是在一路上撒潑一樣在脫掉這一塊外衣。

1：最原始的回調(diào)實(shí)現(xiàn)

const fs = require("fs")
function readFileOne(path,callback){
  fs.readFile(path,function(err,res){
      if(!err) {
        callback.call(null,null, res.toString() )
      }else{
         callback.call(null,err)
      }
  })
}
readFileOne("./test.json",function(err,res){
    console.log(res)
})

沒毛病，上面的代碼很容易就實(shí)現(xiàn)了讀取文件的操作，回調(diào)函數(shù)很方便，可惜半路殺出一個promise

2: promise 實(shí)現(xiàn)異步寫法

const fs = require("fs")
function readText(){
   return new Promise((resolve,reject)=>{
       fs.readFile("./test.json",(err,res)=>{
           if(err){
               reject(err)
           }else{
              resolve(res)
           }
       })
   })
}


readText().then((res)=>{
    console.log(res.toString())
}).catch((e)=>{
     console.log(e)
})

也完全沒有毛病，實(shí)現(xiàn)手段上更加流化，實(shí)現(xiàn)了異步代碼同步化寫，然毛線，又出來一個 Generate]，這個是個什么東西？可以看我的另一篇文章 javascript中迭代器是個什么東西？

3： generate 迭代器實(shí)現(xiàn)異步

const fs = require("fs")

// 8.x版本node內(nèi)置將函數(shù)轉(zhuǎn)化為`pronmise`的方法
const { promisify } =  require("util")

const proFiles = promisify(fs.readFile)
function* readFile(path){
     yield proFiles(path)
}

var g = readFile("./test.json")
    g.next().value.then((r)=>{
       console.log(r.toString() )
    })

4: generate 還沒有用熟練，es7最終出了終極解決方法 Async

async 更加語義化比generator，也不單單是相對于異步請求，

const proFiles = promisify(fs.readFile)
const readFile = async function (path){
    let res = await proFiles(path)
    return res
}


readFile("./test.json").then((res)=>{
   console.log(res.toString())
})

這個是最簡單的 async同步使用方式，更加復(fù)雜的可以i查看；這里值是拋磚引玉