【JS基础】异步和单线程

Mr_zhang 发布于2019-08-23 14:10 / 2690人阅读

摘要：同步和异步的区别是什么是单线程的，只能同时做一件事，所以就需要异步同步会阻塞代码执行，而异步不会是同步，是异步异步同步秒之后点击确认何时需要异步在可能发生等待的情况，等待过程中不能像一样阻塞程序进行。因此，所有等待的情况都需要异步。

同步和异步的区别是什么？

js是单线程的，只能同时做一件事，所以就需要异步
同步会阻塞代码执行，而异步不会
alert是同步，setTimeout是异步

// 异步
console.log(100);
setTimeout(function () {
    console.log(200);
}, 1000);
console.log(300);

// 同步
console.log(100);
alert(200); // 1秒之后点击确认
console.log(300);

何时需要异步？
在可能发生等待的情况，等待过程中不能像alert一样阻塞程序进行。因此，所有“等待的情况”都需要异步。

前端使用异步的场景有哪些?

定时任务：setTimeOut，setInterval
网络请求：ajax请求，动态  加载
事件绑定

// ajax请求
console.log("start");
$.get("./data1.json", function (data) {
    console.log(data);
});
console.log("end");

//  加载
console.log("start");
var img = document.createElement("img");
img.onload = function () {
    console.log("loaded");
};
img.src = "/xxx.png";
console.log("end");

// 事件绑定
console.log("start");
document.getElementById("btn1").addEventListener("click", function () {
    alert("clicked");
});
console.log("end");

服务器托管超融合服务器异步调用线程 java线程异步调用异步调用和多线程异步js

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

转载请注明本文地址：https://www.ucloud.cn/yun/100200.html

nodejs中的子进程，深入解析child_process模块和cluster模块

摘要：严格来说，并不是单线程的。其他异步和事件驱动相关的线程通过来实现内部的线程池和线程调度。线程是最小的进程，因此也是单进程的。子进程中执行的是非程序，提供一组参数后，执行的结果以回调的形式返回。在子进程中通过和的机制来接收和发送消息。 node遵循的是单线程单进程的模式，node的单线程是指js的引擎只有一个实例，且在nodejs的主线程中执行，同时node以事件驱动的方式处理IO...

JinB 2019-08-23 11:31 评论0 收藏0
javascript高级学习总结（二）

摘要：那个率先改变的实例的返回值，就会传递给的回调函数。函数对函数的改进，体现在以下四点内置执行器。进一步说，函数完全可以看作多个异步操作，包装成的一个对象，而命令就是内部命令的语法糖。中的本质就是没有的隐藏的组件。 1、原型 - jquery使用showImg(https://segmentfault.com/img/bVbwNcY?w=692&h=442);注释 : 实例虽然不同，但是构...

Songlcy 2019-08-26 10:58 评论0 收藏0
JavaScript从初级往高级走系列————异步

摘要：之所以是单线程，取决于它的实际使用，例如不可能同添加一个和删除这个，所以它只能是单线程的。所以，这个新标准并没有改变单线程的本质。原文博客地址：https://finget.github.io/2018/05/21/async/ 异步什么是单线程，和异步有什么关系什么是event-loop 是否用过jQuery的Deferred Promise的基本使用和原理介绍一下asyn...

andot 2019-08-23 13:46 评论0 收藏0
JS原生一步步实现前端路由和单页面应用

摘要：这里借鉴了一下的处理方式，我们把单独模块的包装成一个函数，提供一个全局的回调方法，加载完成时候再调用回调函数。前端路由实现之 #hash 先上github项目地址： spa-routers运行效果图showImg(https://segmentfault.com/img/bVFi7l?w=581&h=312); 背景介绍用了许多前端框架来做spa应用，比如说backbone，ang...

leap_frog 2019-08-05 10:21 评论0 收藏0
JS原生一步步实现前端路由和单页面应用

摘要：这里借鉴了一下的处理方式，我们把单独模块的包装成一个函数，提供一个全局的回调方法，加载完成时候再调用回调函数。前端路由实现之 #hash 先上github项目地址： spa-routers运行效果图showImg(https://segmentfault.com/img/bVFi7l?w=581&h=312); 背景介绍用了许多前端框架来做spa应用，比如说backbone，ang...

idealcn 2019-08-20 12:07 评论0 收藏0