49

我很好奇是否所有 javascript 回调都是异步的，或者是否仅在某些情况下是这种情况。另外，我确定是什么让浏览器和 nodejs 之间的 javascript 代码异步（或使用异步 javascript 的方式）不同，所以我想知道在每种情况下什么构成真正的异步 javascript。

我的印象是，在以下场景中，我实际上并没有编写异步代码。

function addOne(value){
  value = value + 1;
  return value;
}

function simpleMap(values, callback){
  for(i = 0; i < values.length; i++){
    val = values[i];
    val = callback(val);
    values[i] = val;
  }
  return values;
}

newValues = simpleMap([1,2,3], addOne);

但是，例如，我知道 jQuery 的 AJAX 函数是真正异步的（不考虑现在可用的承诺）。是什么让 jQuery 的 AJAX 异步？是不是就这么简单，涉及到XHR请求，而在浏览器中，所有的XHR请求都是异步的？

我对 nodejs 环境有同样的问题。如果节点中的某些内容涉及文件 i/o、process.nextTick、setTimeout 或 setInterval 之类的内容，它是否只能是异步的？为什么当我使用 mongodb/mongoose 执行数据库调用之类的操作时，这是异步的吗？幕后发生的事情是什么？

异步“情况”是由环境预先确定的吗？或者有什么方法可以让自己的功能真正异步，而无需利用环境的非常具体的功能（例如 xhr、节点中的文件 io、process.nexttick 等）？

4

5 回答 5

53

我很好奇是否所有的javascript回调都是异步的

不。例如，使用的回调Array#sort不是异步的，也不是异步的String#replace。

您知道回调是否是异步的唯一方法是从它的文档中。通常，涉及外部资源请求（例如 ajax 调用）的请求是异步的，而其他请求可能是异步的，也可能不是。

但是，例如，我知道 jQuery 的 AJAX 函数是真正异步的......

不一定，因为当前 jQuery 仍然具有async可以设置false强制同步请求的标志。（这不是一个好主意，他们将删除它，但你可以。jQuery 将标志传递给提供同步/异步行为的底层浏览器对象。）

是什么让 jQuery 的 AJAX 异步？

浏览器。jQuery 的 ajax 调用使用XMLHttpRequest对象（或在某些情况下，一个script元素），默认为浏览器提供的异步操作。

或者有什么方法可以在不利用环境非常具体的功能的情况下使自己的功能真正异步......

直到最近，没有。在第 5 版规范中，JavaScript这种语言基本上对线程和异步的整个概念保持沉默；只有当你进入环境时它才会出现。实现异步的唯一方法是使用主机提供的函数，例如nextTick（或任何异步完成的各种操作）在 NodeJS 或setTimeout浏览器上。

在 2015 年 6 月的 ECMAScript 第 6 版规范中，他们在语言中引入了Promise 。连接到 ES6 Promise via 的回调then总是异步调用（即使在附加回调时 Promise 已经确定），因此 JavaScript 现在在语言级别上具有异步性。因此，如果您实现您的函数以使其返回一个承诺而不是接受一个回调，您就会知道then与其挂钩的回调将被异步触发。

于 2013-09-29T21:19:05.077 回答
14

您自己调用的回调是常规函数调用，它们始终是同步的。

某些本地 API（例如，AJAX、地理定位、Node.js 磁盘或网络 API）是异步的，并将在事件循环的稍后执行它们的回调。

如果您从异步回调中同步调用回调，它最终也将是异步的。

于 2013-09-29T21:19:27.147 回答
12

要创建自己的异步函数，您必须使用解释器可能提供的其他异步函数。

例如，此代码定义了一个异步函数“addKeyHandler”。但这只是因为 document.onKey 被 JS 引擎异步调用。JavaScript 引擎能够提供异步功能，因为操作系统提供了这样的功能，然后由 JS 使用。反过来，操作系统只能提供异步功能，因为硬件提供了它（称为硬件中断）。

但是，如果操作系统和硬件不提供任何异步功能，仍然可以编写 JS 解释器。但它必须使用无限循环并检查每次迭代是否发生任何事件，然后调用适当的回调。这意味着 CPU 将始终处于满负荷状态。

var keyCallbacks = [];

var addKeyHandler = function(f) {
  keyCallbacks.push(f);
};

document.onkeypress = function(e) {
  keyCallbacks.forEach(function(f) {
      f(e);
  });
};

addKeyHandler(function(e) {
    console.log(String.fromCharCode(e.charCode));
});
于 2013-09-29T22:22:13.777 回答
1

简单地接受回调不会使函数异步。有许多采用函数参数但不是异步的函数示例，例如Array's forEach。

对于异步函数，它需要执行异步操作。引入异步的方法可以是

  • 定时器功能setTimeout，setInterval
  • 特殊功能nextTick，setImmediate
  • 执行 I/O（监听网络、查询数据库、读取或写入资源）
  • 订阅事件

根据文章“接受回调是否使函数异步？”

于 2016-03-14T11:43:09.730 回答
0

寻求一个简单的答案：

除非您正在处理 Promise，否则 JS 回调只有在依赖于 JS 外部的 API（例如由浏览器提供）时才是异步的。

setTimeout, fetch, 等等是异步的，因为它们依赖于外部 api。（例如，它是 web api 的setTimeout一部分，它本身就是一个 web api。）windowOrGlobalWorkerfetch

如果回调不依赖于外部 API，则它是同步的。

Promise 是 JS 中唯一的原生异步功能。

了解这一切的好方法是至少阅读 MDN 异步入门中的前几篇文章：https ://developer.mozilla.org/en-US/docs/Learn/JavaScript/Asynchronous

于 2020-11-02T14:05:22.783 回答