当前位置: 首页 > 面试题库 >

JavaScript异步编程:Promise vs生成器

弓温书
2023-03-14
问题内容

承诺和生成器允许您编写异步代码。我不明白为什么在ECMAhtml" target="_blank">脚本6中同时引入了这两种机制。什么时候最好使用Promise?什么时候使用生成器?


问题答案:

这两种技术之间没有对立。它们共存并很好地互补。承诺使您能够获得尚不可用的异步操作的结果。它解决了厄运金字塔问题。所以代替:

function ourImportantFunction(callback) {
  //... some code 1
  task1(function(val1) {
    //... some code 2
    task2(val1, function(val2) {
      //... some code 3
      task3(val2, callback);
    });
  });
}

你可以写:

function ourImportantFunction() {
  return Promise.resolve()
    .then(function() {
        //... some code 1
        return task1(val3)
    })
    .then(function(val2) {
        //... some code 2
        return task2(val2)
    })
    .then(function(val2) {
        //... some code 3
        return task3(val2);
    });
}

ourImportantFunction().then(callback);

但是即使有承诺,您也必须以异步方式编写代码-
您必须始终将回调传递给函数。编写异步代码比同步代码难得多。即使有承诺,当代码很大时,也很难看清算法(嗯,这是非常主观的,有人可以与它争论。但是对于大多数程序员来说,我认为这是事实)。因此,我们想以同步方式编写异步代码。那就是发电机来帮助我们的地方。因此,您可以编写上面的代码,而不是上面的代码:

var ourImportantFunction = spawn(function*() {
    //... some code 1
    var val1 = yield task1();
    //... some code 2
    var val2 = yield task2(val1);
    //... some code 3
    var val3 = yield task3(val2);

    return val3;
});

ourImportantFunction().then(callback);

最简单的spawn实现可能是这样的:

function spawn(generator) {
  return function() {    
    var iter = generator.apply(this, arguments);

    return Promise.resolve().then(function onValue(lastValue){
      var result = iter.next(lastValue);

      var done  = result.done;
      var value = result.value;

      if (done) return value; // generator done, resolve promise
      return Promise.resolve(value).then(onValue, iter.throw.bind(iter)); // repeat
    });
  };
}

如您所见value(某些异步函数的结果task{N})必须是一个承诺。您不能通过回调来做到这一点。

剩下要做的就是将spawn技术实现为语言本身。因此,我们正在取代spawnasyncyieldawait,并即将ES7异步/
AWAIT

var ourImportantFunction = async function() {
    //... some code 1
    var val1 = await task1();
    //... some code 2
    var val2 = await task2(val1);
    //... some code 3
    var val3 = await task3(val2);

    return val3;
}

我建议您观看此视频,以更全面地了解此技术和其他一些即将来临的技术。如果此人对您说得太快,请放慢播放速度(位于右下角的“设置”,或直接按[
shift+ <])

最好的是什么:仅仅是回调,promise或生成器的promise-
这是一个非常主观的问题。回调是目前可能的最快解决方案(现在,本机承诺的履行非常糟糕)。生成器的承诺使您有机会以同步方式编写异步代码。但是现在,它们比简单的回调要慢得多。



 类似资料:
  • 本文向大家介绍再谈JavaScript异步编程,包括了再谈JavaScript异步编程的使用技巧和注意事项,需要的朋友参考一下 随着前端的发展,异步这个词真是越来越常见了。假设我们现在有这么一个异步任务: 向服务器发起数次请求,每次请求的结果作为下次请求的参数。 来看看我们都有哪些处理方法: Callbacks 最先想到也是最常用的便是回调函数了,我们来进行简单的封装: 嗯,看起来还不错!但是当我

  • 本文向大家介绍理解javascript异步编程,包括了理解javascript异步编程的使用技巧和注意事项,需要的朋友参考一下 一、异步机制 JavaScript的执行环境是单线程的,单线程的好处是执行环境简单,不用去考虑诸如资源同步,死锁等多线程阻塞式编程等所需要面对的恼人的问题。但带来的坏处是当一个任务执行时间较长时,后面的任务会等待很长时间。在浏览器端就会出现浏览器假死,鼠标无法响应等情况。

  • 原文: http://exploringjs.com/impatient-js/ch_async-js.html 本章介绍了 JavaScript 中异步编程的基础。 36.1。 JavaScript 中异步编程的路线图 本节提供了 JavaScript 中异步编程内容的路线图。 不要担心细节! 如果你不理解一切,不要担心。这只是快速查看即将发生的事情。 36.1.1。同步功能 正常函数是 syn

  • 介绍 Javascript 是一个单线程的编程语言,单线程的特点就是一次只能处理一件事情,当前代码任务耗时执行会阻塞后续代码的执行。异步编程则是一种事件驱动编程,请求调用函数或方法后,无需立即等待响应,可以继续执行其他任务,而之前任务响应返回后可以通过状态、通知和回调来通知调用者。 异步编程方法 js 中的异步编程方法有回调函数、事件处理函数、观察者、Promise、Generator、async

  • NodeJS最大的卖点——事件机制和异步IO,对开发者并不是透明的。开发者需要按异步方式编写代码才用得上这个卖点,而这一点也遭到了一些 NodeJS反对者的抨击。但不管怎样,异步编程确实是NodeJS最大的特点,没有掌握异步编程就不能说是真正学会了NodeJS。本章将介绍与异步编 程相关的各种知识。 回调 在代码中,异步编程的直接体现就是回调。异步编程依托于回调来实现,但不能说使用了回调后程序就异

  • 目前为止,我们在做的都是同步编程。同步编程执行过程很简单:一个程序从第一行开始,逐行执行一直到末尾。每次调用一个函数时,程序就会等待这个函数返回然后在执行下一行。 在异步编程中,函数地执行通常是非阻塞的。换句话说,每次你调用一个函数它就会立即返回,但相对得,这就表示函数并不会立即被执行。它有了一种机制(名为 调度程序),让可以随时在未来执行这些函数。 使用异步编程会导致程序在任何异步函数开始之前就