【前端】同步异步区别

最新推荐文章于 2025-06-08 06:28:49 发布

原创最新推荐文章于 2025-06-08 06:28:49 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #开发语言

本文介绍了同步和异步的概念。同步示例通过onLoad方法展示了数据的顺序更新，而异步则通过一个经典的事件绑定示例说明，强调了异步执行如何允许代码在等待某个操作完成时继续执行其他任务。

同步：同步比较好理解，就是指按照代码编译的顺序一步一步走下来就是同步。
比如

onLoad(options) {
    /* this：当前页面的实例化对象 */
    console.log(this.data);
    this.setData({
        msg:"修改之后的属性",
        msg1:"修改之后的属性"
    });
    console.log(this.data);
},

这个属于同步，在setData之前data为msg:”测试对象”。在setData之后为修改之后的属性。
按照代码运行过程，从上到下逐步运行。

异步：当我们需要一些代码在执行的时候不会影响其他代码的执行，也就是在执行代码的同时，可以进行其他的代码的执行，不用等待代码执行完成之后才执行之后的代码，就像我们人一样，可以一边看电视剧一边吃东西一样，互不干扰，这种方式就是异步。
有一个异步情况很经典。

就是下面这个例子，方法绑定和触发，当触发方法的时候，每个组件上都绑上了方法，所以此时的i时listNode的长度，所以要进行索引转绑操作。此处的异步是：方法触发的异步。

for(var i=0;i<listNodes.length;i++)
{
    /* 索引转绑很重要 */
    listNodes[i].index = i;
    listNodes[i].onclick=function(){
        preindex=now;
        move(this.index);
        now = this.index;
        for(var i=0;i<bCicleli.length;i++){
            bCicleli[i].classList.remove("active");
        }
        bCicleli[this.index].classList.add("active");
    }
}