NodeJS被打上了單線程、非阻塞、事件驅(qū)動…..等標簽。

在單線程的情況下，是無法開啟子線程的。經(jīng)過了很久的研究，發(fā)現(xiàn)并沒有thread函數(shù)?。?！但是有時候，我們確實需要“多線程”處理事務(wù)。nodeJS有兩個很基礎(chǔ)的api：setTimeout和setInterval。這兩個函數(shù)都能實現(xiàn)“異步”。

nodeJS的異步實現(xiàn)：nodeJS有一個任務(wù)隊列，在使用setInterval函數(shù)的時候，會每隔特定的時間向該任務(wù)隊列增加任務(wù)，從而實現(xiàn)“多任務(wù)”處理。但是，“特定的時間”不代表是具體的時間，也有可能是會大于我們設(shè)定的時間，也有可能小于。

我們跑跑下面代碼塊

setInterval(function() {
  console.log(new Date().getTime());
}, 1000);

輸出的結(jié)果如下：

1490531390640
1490531391654
1490531392660
1490531393665
1490531394670
1490531395670
1490531396672
1490531397675
......

我們可以看到，所有的時間間隔都是不一樣的。時間的偏移不僅包含了間隔的1s，還包含了console.log()的耗時，以及new Date()的耗時。在大量的數(shù)據(jù)統(tǒng)計下，時間間隔近似于1s。

問題來了，setInterval是能實現(xiàn)多任務(wù)的效果，但是怎樣才能實現(xiàn)任務(wù)之間的同步操作呢？這里實現(xiàn)的方法是通過回調(diào)函數(shù)實現(xiàn)的。

function a(callback) {
  // 模擬任務(wù)a耗時
  setTimeout(function() {
    console.log("task a end!");
    // 回調(diào)任務(wù)b
    callback();
  }, 3000);
};
function b() {
  setTimeout(function() {
    console.log("task b end!");
  }, 5000);
}
a(b);

這里舉了一個很簡單的例子，就是將b方法的實現(xiàn)賦值給a方法的callback函數(shù)從而實現(xiàn)函數(shù)回調(diào)，但是會有個問題。假設(shè)a方法依賴于b方法，b方法依賴于c方法，c方法依賴于d方法…..也就意味著每個方法的實現(xiàn)都需要持有上一個方法的實例，從而實現(xiàn)回調(diào)。

function a(b, c, d) {
  console.log("hello a");
  b(c, d);
};
function b(c, d) {
  console.log("hello b");
  c(d);
};
function c(d) {
  console.log("hello c");
  d()
};
function d() {
  console.log("hello d");
};
a(b, c, d);

輸出結(jié)果

hello a
hello b
hello c
hello d

如果回調(diào)函數(shù)寫的多了，會造成代碼特別特別惡心。

如果有類似于sync的函數(shù)能讓任務(wù)順序執(zhí)行就更好了。終于找到了async這個庫

$ npm instanll async

async = require("async");
a = function (callback) {
  // 延遲5s模擬耗時操作
  setTimeout(function () {
    console.log("hello world a");
    // 回調(diào)給下一個函數(shù)
    callback(null, "function a");
  }, 5000);
};
b = function (callback) {
  // 延遲1s模擬耗時操作
  setTimeout(function () {
    console.log("hello world b");
    // 回調(diào)給下一個函數(shù)
    callback(null, "function b");
  }, 1000);
};
c = function (callback) {
  console.log("hello world c");
  // 回調(diào)給下一個函數(shù)
  callback(null, "function c");
};
// 根據(jù)b, a, c這樣的順序執(zhí)行
async.series([b, a, c], function (error, result) {
  console.log(result);
});

注釋基本能夠很好的理解了，我們看看輸出

hello world b
hello world a
hello world c
[ 'function b', 'function a', 'function c' ]

上面的基本async模塊的實現(xiàn)的如果了解更多關(guān)于async模塊的使用，可以查詢官方文檔

其實nodeJS基本api也提供了異步實現(xiàn)同步的方式?；赑romise+then的實現(xiàn)

sleep = function (time) {
  return new Promise(function () {
    setTimeout(function () {
      console.log("end!");
    }, time);
  });
};
console.log(sleep(3000));

輸出結(jié)果為:

Promise { <pending> }
end!

可以看出來，這里返回了Promise對象，直接輸出Promise對象的時候，會輸出該對象的狀態(tài)，只有三種：PENDING、FULFILLED、REJECTED。字面意思很好理解。也就是說Promise有可能能實現(xiàn)我們異步任務(wù)同步執(zhí)行的功能。我們先用Promise+then結(jié)合起來實現(xiàn)異步任務(wù)同步操作。

sleep = function () {
  return new Promise(function (resolve, reject) {
    setTimeout(function () {
      console.log("start!");
      resolve();
    }, 1000);
  })
    .then(function () {
      setTimeout(function () {
        console.log("end!");
      }, 2000);
    })
    .then(function () {
      console.log("end!!");
    })
};
console.log(sleep(1000));

輸出結(jié)果：

Promise { <pending> }
start!
end!!
end!

在new Promise任務(wù)執(zhí)行完后，調(diào)用了resolve才會執(zhí)行所有的then函數(shù)，并且這些then函數(shù)是異步執(zhí)行的。由輸出結(jié)果可以知道。（如果所有then是順序執(zhí)行的應(yīng)該是end! -> end!!）。但是上述也做到了兩個異步任務(wù)之間順序執(zhí)行了。

不過，還有更加優(yōu)雅的方式：使用async+await。

display = function(time, string) {
  return new Promise(function (resovle, reject) {
    setTimeout(function () {
      console.log(string);
      resovle();
    }, time)
  });
};
// 執(zhí)行順序：b a c
fn = async function () {
  // 會造成阻塞
  await display(5000, "b");
  await display(3000, "a");
  await display(5000, "c");
}();

輸出結(jié)果：

b
a
c

由于這里時間輸出比較尷尬，只能通過我們來感知，本人通過個人“感知”知道了在display b過度到display a的時候大概用了3s，再過度到display c的時候大概用了5s

這里需要聲明的是：才開始正式的學習nodeJS。在學習的過程中，做的筆記，很多概念與理解可能會錯誤，如果錯誤，歡迎糾正。

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請查看下面相關(guān)鏈接

最新評論