当前位置：首页 > JavaScript

js实现sync

2026-01-31 19:31:53JavaScript

同步（Sync）实现方式

在JavaScript中实现同步操作通常需要利用异步编程的特性，因为JavaScript默认是单线程和非阻塞的。以下是几种常见的方法：

使用回调函数

通过回调函数可以模拟同步行为，确保代码按顺序执行。

function fetchData(callback) {
    setTimeout(() => {
        callback('Data received');
    }, 1000);
}

fetchData((data) => {
    console.log(data);
});

使用Promise

Promise可以更优雅地处理异步操作，并通过链式调用模拟同步流程。

function fetchData() {
    return new Promise((resolve) => {
        setTimeout(() => {
            resolve('Data received');
        }, 1000);
    });
}

fetchData().then((data) => {
    console.log(data);
});

使用async/await

async/await是ES7引入的语法糖，可以更直观地编写异步代码，使其看起来像同步代码。

async function fetchData() {
    return new Promise((resolve) => {
        setTimeout(() => {
            resolve('Data received');
        }, 1000);
    });
}

async function main() {
    const data = await fetchData();
    console.log(data);
}

main();

使用Generator函数

Generator函数可以通过yield暂停和恢复执行，模拟同步行为。

function* fetchData() {
    yield new Promise((resolve) => {
        setTimeout(() => {
            resolve('Data received');
        }, 1000);
    });
}

const generator = fetchData();
generator.next().value.then((data) => {
    console.log(data);
});

使用同步XMLHttpRequest

虽然不推荐，但XMLHttpRequest可以设置为同步模式。

js实现sync

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', false); // 同步模式
xhr.send();
if (xhr.status === 200) {
    console.log(xhr.responseText);
}