JS的异步和同步

同步,可以理解为在执行完一个函数或方法之后,一直等待系统返回值或消息,这时程序是出于阻塞的(会阻塞代码),只有接收到返回的值或消息后才往下执行其他的命令。 优点:按照顺序一个一个来,不会乱掉,更不会出现上面代码没有执行完就执行下面的代码, 缺点:是解析的速度没有异步的快;

var num = 10
function fun() {
    num = 20
}
function fn() {
    console.log(num);//10
}
fn()
fun()
console.log(num);//20

异步,异步任务是指不进入主线程,而进入任务队列的任务,只有任务队列通知主线程,某个异步任务可以执行了,该任务才会进入主线程,当我们打开网站时,像图片的加载,音乐的加载,其实就是一个异步任务。优点:不会阻塞代码

console.log(1);
setTimeout(() => {
    console.log(2);
}, 1000);
console.log(3);
setTimeout(() => {
    console.log(4);
}, 0);
console.log(5);
//执行结果为
1
3
5
4
2

应用场景:网络请求,ajax、setTimeout、setInterval

相对于主线程,JavaScript中的异步执行同步执行顺序有所不同。在同步执行中,代码会按照顺序依次执行,每个操作都会等待前一个操作完成后再执行下一个操作。这意味着在同步执行中,主线程必须等待每个操作完成后才能继续执行下一个操作。这可能导致程序的执行效率较低。 而在异步执行中,当遇到耗时的操作时,主线程不会等待操作完成,而是会继续执行后续的操作。耗时的操作会被移交给其他线程或者Web APIs来处理,当操作完成后,会通过事件队列将结果返回给主线程继续处理。因此,在异步执行中,主线程可以并行执行其他任务,不需要等待耗时操作的完成。 总结来说,相对于主线程,异步执行的顺序是不需要等待耗时操作的完成,可以继续执行后续的操作;而同步执行的顺序是需要等待每个操作的完成才能继续执行下一个操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [JS异步同步EvenLoop单线程机制(一文读懂)](https://blog.youkuaiyun.com/qq_30386941/article/details/127550267)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值