js有哪些异步操作_js单线程怎么实现异步

js有哪些异步操作_js单线程怎么实现异步JS常用的几种异步流程控制

大家好,又见面了,我是你们的朋友全栈君。

JavaScript引擎是基于单线程 (Single-threaded) 事件循环的概念构建的,同一时刻只允许一个代码块在执行,所以需要跟踪即将运行的代码,那些代码被放在一个任务队列 (job queue) 中,每当一段代码准备执行时,都会被添加到任务队列中。每当JavaScript引擎中的一段代码结束执行,时间循环 (event loop) 会执行队列中的下一个任务,它是 JavaScript 引擎中的一段程序,负责监控代码执行并管理任务队列。

请记住,队列中的任务会从第一个一直执行到最后一个。

事件模型

JavaScript最基础的异步编程形式(比如点击事件、键盘事件)
直到事件触发时才执行处理程序

回调模式

回调模式与事件模型类似,异步代码都会在未来的某个时间点执行,而这的区别是回调模式中被调用的函数是作为参数传入的。
Node.js读取磁盘上的文件:

readFile('example.txt', function(err, contents) {
  if(err) {
    throw err
  }
  
  console.log(contents)
})

console.log('Hi!')

调用readFile函数后,console.log(‘Hi!’)语句会立即执行,当readFile结束执行的时候,会向任务队列的末尾添加一个新任务,该任务包含回调函数及相应的参数。

虽然这个模式运行效果很不错,但是如果嵌套了太多的回调函数,就会陷入回调地狱。

当需要跟踪多个回调函数的时候,回调函数的局限性就体现出来了,Promise非常好的改进了这些情况。

Promise

Promise 对象是一个代理对象(代理一个值),被代理的值在Promise对象创建时可能是未知的。它允许你为异步操作的成功和失败分别绑定相应的处理方法(handlers)。 这让异步方法可以像同步方法那样返回值,但并不是立即返回最终执行结果,而是一个能代表未来出现的结果的promise对象

一个 Promise有以下几种状态:

pending: 初始状态,既不是成功,也不是失败状态。
fulfilled: 意味着操作成功完成。
rejected: 意味着操作失败。

pending 状态的 Promise 对象可能触发fulfilled 状态并传递一个值给相应的状态处理方法,也可能触发失败状态(rejected)并传递失败信息。当其中任一种情况出现时,Promise 对象的 then 方法绑定的处理方法(handlers )就会被调用(then方法包含两个参数:onfulfilled 和 onrejected,它们都是 Function 类型。当Promise状态为fulfilled时,调用 then 的 onfulfilled 方法,当Promise状态为rejected时,调用 then 的 onrejected 方法, 所以在异步操作的完成和绑定处理方法之间不存在竞争)。

因为 Promise.prototype.then 和 Promise.prototype.catch 方法返回promise 对象, 所以它们可以被链式调用。

var promise1 = new Promise(function(resolve, reject) {
  setTimeout(function() {
    resolve('foo');
  }, 300);
});

promise1.then(function(value) {
  console.log(value);
  // expected output: "foo"
});

console.log(promise1);
// expected output: [object Promise]

async/await

当调用一个 async 函数时,会返回一个 Promise 对象。当这个 async 函数返回一个值时,Promise 的 resolve 方法会负责传递这个值;当 async 函数抛出异常时,Promise 的 reject 方法也会传递这个异常值。

async 函数中可能会有 await 表达式,这会使 async 函数暂停执行,等待 Promise 的结果出来,然后恢复async函数的执行并返回解析值(resolved)。

注意, await 关键字仅仅在 async function中有效。如果在 async function函数体外使用 await ,你只会得到一个语法错误(SyntaxError)。

async function testAsync() {
    return "Hello";
}

const testResult = testAsync();
console.log(testResult); //Promise { 'Hello' }

testAsync().then(v => {
    console.log(v);    // 输出 Hello
});

//使用await
async function testAsnync1() {
    let result = await testAsync();
    console.log(result); // Hello
}

参考

Promise() | MDN
《深入理解ES6》

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/106980.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • C#最短路径算法demo

    C#最短路径算法demoC#最短路径算法源码和demo

  • 安卓chrome 扫描二维码_付款扫的是条形码还是二维码

    安卓chrome 扫描二维码_付款扫的是条形码还是二维码了解二维码这个东西还是从微信中,当时微信推出二维码扫描功能,自己感觉挺新颖的,从一张图片中扫一下竟然能直接加好友,不可思议啊,那时候还不了解二维码,呵呵,然后做项目的时候,老板说要加上二维码扫描功能,然后自己的屁颠屁颠的去百度,google啥的,发现很多朋友都有介绍二维码扫描的功能,然后我就跟着人家的介绍自己搞起了二维码扫描功能,跟着人家的帖子,很快我的项目就加入了扫描二维码的功能,然后自己还很开

    2022年10月22日
  • WPF/Silverlight QQ交流群:137377438

    WPF/Silverlight QQ交流群:137377438WPF/SilverlightQQ交流群:137377438目前只有可怜的几个人,首先申明,我是Silverlight新手,正在不断的学习中,欢迎有共同爱好的朋友一起加入!转载于:https://www.cnblogs.com/Caceolod/archive/2011/10/09/2203267.html…

  • 嵌入式工程师有发展前途吗?[通俗易懂]

    嵌入式工程师有发展前途吗?[通俗易懂]嵌入式工程师有发展前途吗?现在来看,无论是软件开发还是嵌入式等,都是青春饭,但是软件(java,安卓,ios等应用层)的工资都稍高于嵌入式。但是嵌入式的门槛却非常高。是否应…显示全部​关注者1,379被浏览1,046,366已关注​写回答​邀请回答​好问题22​4条评论​分享​72个回答默认排序zhengzhimin设计师769人赞同了该回答一个在嵌入式行业工作快15年,在华为工作了6年的嵌入式工程师来谈谈看法。…

  • linux下修改文件内容[通俗易懂]

    linux下修改文件内容[通俗易懂]前言因为今天用了linux的复制文件功能以及修改文件内容的指令,所以刚好整理一下以备之后学习。复制文件到指定目录cp+文件名(可带路径)+目标路径(带路径)如:cpstart.sh/home/deploy/test/yirigong1就是将start.sh文件复制到指定的yirigong1目录下面。修改文件内容复制文件过去之后当然就是要修改文件的内容。catstart…

  • TCP和UDP协议的区别_tcp和ip是什么意思

    TCP和UDP协议的区别_tcp和ip是什么意思最近在学习WebSocket,了解到它是采用TCP来实现异步通信,全双工.与Http不同的是,Http采用无状态,应答式的响应.因此就想知道TCP,TCP/IP,HTTP,Socket之间到底是有怎样的关联关系和区别,以及全双工通信和半双工通信是如何实现的在网络层.在计算机网络里,有两种常见的参考模型即:OSI参考模型和TCP/IP参考模型。由此可见TCP本身是传输层的协议,…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号