js中什么是同步和异步

原创

ithorizon 8个月前 (09-09) 阅读数 93 #Javascript

JavaScript中的同步与异步

JavaScript作为一种单线程语言，在执行代码时会出现同步和异步的概念。本文将介绍这两种执行做法的区别和特点。

一、同步（Synchronous）

同步是指代码按照顺序一行一行执行，当前面的代码执行完之后，后面的代码才能执行。在JavaScript中，大部分代码都是同步执行的。


        function syncFn1() {
            console.log('同步任务1');
        }
        function syncFn2() {
            console.log('同步任务2');
        }
        syncFn1();  // 输出：同步任务1
        syncFn2();  // 输出：同步任务2

二、异步（Asynchronous）

异步是指在执行一些也许需要较长时间的任务时，JavaScript主线程可以继续执行其他任务，而不会被阻塞。常见的异步操作有：定时器、网络请求、文件读写等。


        function asyncFn1(callback) {
            setTimeout(function() {
                console.log('异步任务1');
                callback();
            }, 1000);
        }
        function asyncFn2() {
            console.log('异步任务2');
        }
        asyncFn1(function() {
            asyncFn2();
        });
        // 输出顺序：异步任务2 -> 异步任务1

三、事件循环与任务队列

JavaScript的执行过程可以看作是事件循环和任务队列的处理过程。主线程执行同步任务，遇到异步任务时将其放入任务队列中，当主线程空闲时，会从任务队列中取出异步任务执行。

四、异步编程模式

为了更好地处理异步操作，JavaScript提供了多种异步编程模式，如回调函数、Promise、async/await等。


        // 使用Promise处理异步操作
        function promiseFn1() {
            return new Promise(function(resolve, reject) {
                setTimeout(function() {
                    console.log('异步任务1');
                    resolve();
                }, 1000);
            });
        }
        function promiseFn2() {
            console.log('异步任务2');
        }
        promiseFn1().then(promiseFn2);
        // 输出顺序：异步任务1 -> 异步任务2