在编写 JavaScript 时，我们经常会遇到异步与同步的问题。在某些情况下，当我们调用函数时，代码会在函数返回值之前继续执行。这就是异步编程的一个例子；反之，当代码执行时被阻塞，并且直到一个函数的返回值返回后才继续执行，则为同步编程。在本文中，我们将讨论如何将异步的 JavaScript 代码变成同步的。

假设我们有一个异步函数，它会在调用之后一段时间之后返回一个值：

function getValue(callback) {
setTimeout(() =>{
callback(42);
}, 1000);
}

上面的例子中，setTimeout() 函数会造成代码被延迟执行 1 秒钟。由于 JavaScript 是一种单线程语言，除非使用异步编程，否则代码将被阻塞并无法执行其它任务。在这个例子中，我们使用了回调函数的形式，以便在异步函数 getValue() 执行完之后返回值。

虽然这样可以工作，但是当异步函数多次嵌套使用时，代码会变得混乱、难以理解。所以我们可能想要将异步变成同步代码。

使用 Promise 进行异步操作的代码更容易理解。Promise 使用更简洁的语法，并且避免了回调地狱的问题。它允许我们轻松地返回异步函数的结果。例如：

function getValue() {
return new Promise((resolve) =>{
setTimeout(() =>{
resolve(42);
}, 1000);
});
}

通过将异步函数包装在 Promise 中，我们可以使用 await 关键字在函数执行时暂停代码。await 关键字使得执行代码直到异步函数的结果返回之后才继续执行。

async function myFunction() {
let value = await getValue();
console.log(value);
}
myFunction();

在上面的示例中，当 myFunction() 被调用时，代码会暂停直到 getValue() 函数完全执行并返回结果。然后，打印返回的结果。

另一种方法是使用回调，这个方法提供了一种机制来检查异步函数的状态。我们可以编写一个包装函数，它返回目标函数的结果。如果函数能够接收一个回调，我们可以在回调中将结果返回。这里的关键是，在调用包装函数时，代码将会被阻塞直到回调被触发并返回结果。

function wrapWithCallback(func, callback) {
let result;
func((value) =>{
result = value;
callback(result);
});
return result;
}
let value = wrapWithCallback(getValue, (value) =>{
console.log(value);
});
console.log(value);

在这个示例中，wrapWithCallback() 函数接收一个带有回调的函数，调用该函数并在回调中返回结果，最后将结果返回。在 getValue() 函数中，结果仍然是通过回调函数返回的。因此，在线程上阻塞代码，直到回调函数被调用并返回结果。在控制台中打印结果。

在 JavaScript 中，将异步代码变成同步的过程并不容易。但是，希望这篇文章能够帮助你了解一些方法，并帮助你以更清晰的方式编写代码。