Promise--一诺千金

xiongzenghui 发布于2019-08-19 18:23 / 393人阅读

摘要：立即执行的验证的参数是异步调用的验证当在中通过调用使状态稳定之后，不管调用多少次，值都不会再发生变化一诺千金的优点是什么我看了很多文章在介绍的时候都会提到回调噩梦。

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使用

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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