Promise--一諾千金

xiongzenghui 發布于2019-08-19 18:23 / 537人閱讀

摘要：立即執行的驗證的參數是異步調用的驗證當在中通過調用使狀態穩定之后，不管調用多少次，值都不會再發生變化一諾千金的優點是什么我看了很多文章在介紹的時候都會提到回調噩夢。

TL;DR
本文是對 Promise 一些概念點的歸納和對 Promise 在解決什么問題的思考。
并不會介紹 Promise 的 Api。

一直想寫一篇關于 Promise 的文章，但覺得自己對 Promise 是一知半解，始終擱置。前幾天剛好在看 Dr. Axel Rauschmayer 的『 Exploring ES6 』這本書的時候，看到關于 Promise 的章節，仔細讀了一遍，又動手實現了簡易版的 Promise 一遍，再印證其它的資料，這才開始完成這篇文章。

要知道 Promise 哪些知識點

const p = new Promise(
    function (resolve, reject) { // (A)
        ···
        if (···) {
            resolve(value); // success
        } else {
            reject(reason); // failure
        }
    })

A 行的函數被稱為 executor

當實例化一個 Promise 的時候，executor 總是「立即執行」的

Promises 總是異步執行的。在 then 的消耗 Promise value 時候，會把 then 的參數放到任務隊列中，等待執行。

當 Promise 中的狀態進入穩定態（settled）的時候，Promise 的值便不會再發生變化，這就是 Promise 的名稱由來：承諾。

// executor 立即執行的驗證
new Promise( (res) => {
  console.log(1)
  setTimeout(() => console.log(3), 1000)
})
console.log(2)
// ------> 1
// ------> 2
// ------> 3

// then 的參數是異步調用的驗證
new Promise( (res) => {
  res(2)
}).then(v=> console.log(v))
console.log(1)
// ------> 1
// ------> 2


// 當在 executor 中通過調用 res 使狀態穩定之后，不管調用多少次 res，值都不會再發生變化
new Promise( (res) => {
  res(1)
  res(2)
}).then(v=> console.log(v))
// ------> 1

Promise -- 一諾千金

Promise 的優點是什么？我看了很多文章在介紹 Promise 的時候都會提到回調噩夢（Callback Hell）。然而我覺得 Promise 并沒有簡單的解決回調噩夢的問題，寫 then 往往比寫 callback 更惡心。

在我看來，Promise 提供了控制反轉的機會。

假設有下面這樣一個函數，10 秒后調用傳入的 fn。這是一個你的同事提供給你的獨立文件。

// foo.js
function foo(fn) {
  setTimeout(fn, 1000*10)
}

module.exports = foo

你在寫一個 10 秒之后打印 log 的業務:

var foo = require("foo")

foo(()=> console.log("hello,world!!"))

然而很不幸，你的同事離職，他的代碼被交給一個很笨的新同事維護，新同事維護這個代碼的時候，不小心復制了一行代碼:

// foo.js
function foo(fn) {
  setTimeout(fn, 1000*10)
  setTimeout(fn, 1000*10)
}

module.exports = foo

這時每次調用 foo 的時候，都會寫兩遍日志，不到 1 天服務器的硬盤就被撐爆了，用戶就不能訪問網頁了，接著用戶就流失了，公司倒閉了，你就被失業了，想想都是很可怕的事情。這些都是因為你把你的函數交給你的同事調用并且無條件信任他。

然而 Promise 會怎樣做？

// foo.js
function foo() {
  return new Promise((res) => {
    setTimeout(res, 1000*2)
  })
}

module.exports = foo

// main.js

var foo = require("foo")

foo().then(()=> console.log("hello,world!!"))

那個笨同事又干了同樣的蠢事，這次他復制了三行:

// foo.js
function foo() {
  return new Promise((res) => {
    setTimeout(res, 1000*10)
    setTimeout(res, 1000*10)
    setTimeout(res, 1000*10)
  })
}

module.exports = foo

然而這次讓我失業的行為并沒有得逞，因為當 Promise 的狀態穩定之后，值就不會再改變，不管調用多少次 reslove 方法都是同樣的效果。Callback 會把你做的事情的權限交出去，你不再對你的函數有控制權，而 Promise 是在等狀態穩定之后才會再去執行你自己的函數，你對此函數擁有控制權。

不過說到底，都沒有絕對的信任，也說不定有人會把 Promise 的 then 實現 hack 了，而這種惡意做法的成本要比他不小心多復制一行代碼的成本要高得多。

引用:

Exploring ES6

云服務器 GPU云服務器一諾vps 一諾云網認證服務器地址 promise Promise使用

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/79528.html

JavaScript簡明教程之瀏覽器，前端程序猿必看

摘要：瀏覽器對象可以獲取瀏覽器提供的很多對象，并進行操作。對象不但充當全局作用域，而且表示瀏覽器窗口。對象表示當前頁面的信息。由于在瀏覽器中以形式表示為樹形結構，對象就是整個樹的根節點。這個行為由瀏覽器實現，主流瀏覽器均支持選項，從開始支持。由于JavaScript的出現就是為了能在瀏覽器中運行，所以，瀏覽器自然是JavaScript開發者必須要關注的。【寫的比較多，難免有疏漏的地方，希望...

_ivan 2019-08-20 10:31 評論0 收藏0
零基礎學習軟件測試難不難？

摘要：軟件測試零基礎學習難不難其實，如果你想轉到行業，其實軟件測試是最簡單的學科之一，很適合零基礎學習，只要你有一顆好奇的心肯學習的心和對軟件測試充滿興趣，難度不會太大。 ...

Jochen 2021-09-29 09:35 評論0 收藏0
WFeB全球免費圖書館 World Free eBook

摘要：凡有所學，皆成性格。關于作者陳光劍，江蘇東海人號行走江湖一劍客，字之劍。程序員，詩人作家。光劍免費圖書館創始人天才郵箱如果您有好的書籍推薦請聯系我 WFeB全球免費圖書館 World Free eBook 全球免費開放的電子圖書館（https://universsky.github.io/）道之所在，雖千萬人吾往矣；義之所當，千金散盡不后悔；情之所鐘，世俗禮法如糞土；興之所至，與君痛...

melody_lql 2019-08-29 11:31 評論0 收藏0
WFeB全球免費圖書館 World Free eBook

摘要：凡有所學，皆成性格。關于作者陳光劍，江蘇東海人號行走江湖一劍客，字之劍。程序員，詩人作家。光劍免費圖書館創始人天才郵箱如果您有好的書籍推薦請聯系我 WFeB全球免費圖書館 World Free eBook 全球免費開放的電子圖書館（https://universsky.github.io/）道之所在，雖千萬人吾往矣；義之所當，千金散盡不后悔；情之所鐘，世俗禮法如糞土；興之所至，與君痛...

elliott_hu 2019-08-14 15:04 評論0 收藏0