js中使用回调的两种方式：同步、异步实例

简介：js中使用回调的两种方式：同步、异步实例
learn-anything | 2018年12月15日00:26:25

---

【第一种情况： 同步回调实例】

var syncFun = function(callback) {
    var start = new Date();
    while(new Date() - start < 1000) { // delay 1 sec
        ;
    }
    callback();
    console.log('同步方法返回'); // 2
};

syncFun(function() {
    console.log('这是同步回调'); // 1
});
console.log('同步方法会阻塞当前逻辑'); // 3

• ps: 时间运行顺序按照上面的数字1，2，3进行

【第二种情况： 异步回调实例】

var asyncFun = function(callback) {
    setTimeout(callback, 1000); // delay 1 sec
    console.log('异步方法返回'); // 4
};
asyncFun(function() {
    console.log('这是异步回调'); // 6
});
console.log('异步方法不会阻塞当前逻辑'); // 5

• ps: 时间运行顺序按照上面的数字4，5，6进行

---

参考链接：

• 查看原文 >>
• 知识图谱 >>