JavaScript是一门单线程语言，即在任意时刻只有一个代码块能够被执行。这意味着如果一个任务正在执行，其他任务必须等待，直到前面的任务完成才能开始。JavaScript通过同步和异步机制来处理这种单线程限制。本文将深入探讨这两种机制。
同步机制
同步机制是指代码按照顺序依次执行，每个代码块必须等待前面的代码块完成后才能执行。这种机制虽然简单易懂，但也存在一些问题。例如，如果某个代码块需要进行耗时的操作，比如读取大量数据或者发送网络请求，则会导致整个程序的阻塞，直到该代码块完成为止。
以下是一个使用同步机制的示例代码：
-------- -------------- - ------------------------ --- ---- - - -- - - ----------- ---- -- ---------------------- - ------------------------ -------- --------- --------------- ------------------------ -------- -------
在这个代码中，syncFunction()函数中的for循环会占用大量的CPU时间。因此，当该函数执行时，程序会停止运行，直到该函数完成为止。因此，在上述代码中，我们首先看到"Synchronous function starts"的输出，然后是"starting"的输出，接下来是程序长时间的运行，最后是"ending"的输出和"Synchronous function ends"的输出。
异步机制
异步机制是指代码执行不按照顺序进行，可以在等待某个操作完成时执行其他代码块。这种机制通常通过回调函数或者Promise来实现。
以下是一个使用异步机制的示例代码：
------------------------- -------- --------- ------------- -- - -------------------- ------------ -- ------ ------------------------- -------- -------
在这个代码中，我们使用了setTimeout()函数来模拟一个异步操作。该函数将在2秒之后启动一个定时器，并在定时器完成后执行回调函数。因此，该函数会立即返回，而不会等待定时器完成。
在上述代码中，我们首先看到"Asynchronous function starts"的输出，然后是"Asynchronous function ends"的输出。2秒钟后，我们看到"Timeout completed"的输出。
回调函数
回调函数是一种通用的异步编程技术。它是将一个函数作为参数传递给另一个函数，以便在完成某些操作后调用该函数。
以下是一个使用回调函数的示例代码：
-------- ------------------- -
------------- -- -
----- ---- - ----- ------- ------
---------------
-- ------
-
--------------------- ---- ------
---------------- -- -
-------------------- ----- ----------
---在这个代码中，我们定义了一个fetchData()函数，该函数将在2秒后返回一些数据。我们还定义了一个回调函数，当数据可用时将调用该函数并传递数据。
在上述代码中，我们首先看到"Fetching data ..."的输出。2秒钟后，我们看到"Fetched data: Some fetched data"的输出。
Promise
Promise是一种异步编程模式，它提供了一种更简单、更可靠的方法来处理异步操作。一个Promise表示一个尚未完成的异步操作，并支持对该操作的结果进行处理。
以下是一个使用Promise的示例代码：
-------- ----------- -
------ --- ----------------- ------- -- -
------------- -- -
----- ------- - ------------- -- ----
-- --------- -
----- ---- - ----- ------- ------
--------------
- ---- -
----- ----- - --- ----- -------- -----
- ---------------------------------------------------------- --------
-------------------------------------------------------------------------------------