首页 > 代码库 > js异步编程理解
js异步编程理解
1.概念
同步：一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任务的排列顺序是一致的、同步的。异步：每一个任务有一个或多个回调函数（callback），前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行，所以程序的执行顺序与任务的排列顺序是不一致的、异步的。
案例分析：
欣多多去火车票代售窗口买票，现在该欣多多购票了，欣多多后面是小王珂，他也等着买票。
同步解析：
欣多多：买一张明天到大理的火车票
售票MM：对不起，明天到大理的火车票已经没有了
欣多多：啊！居然没有了，你等我一下，我打电话问问我女朋友，改买多久的票。 （此时，售票员什么事情都做不了，只得等我打完电话，而我背后的小王珂变得非常的焦躁，心中：“我靠，耽误我时间，浪费我青春，你难道就不知道去一边打电话吗？等我买了票，你差不多也打完了。”）
30秒过去了.....
欣多多：美女，那就换一张后天到大理的火车票吧。
售票MM：好的，给你。
小王珂：买一张去源码时代的火车票，我要去学Web前端.
异步解析
欣多多：买一张明天到大理的火车票
售票MM：对不起，明天到大理的火车票已经没有了
欣多多：好吧，那我先打电话问问我女朋友，问好后，我在跟你说。（一个小的举动，从售票窗口让开）
小王珂：买一张去源码时代的火车票，我要去学Web前端.
售票MM：好的，给你。
.....
.....
欣多多电话打完了
欣多多：美女，那就换一张后天到大理的火车票吧。
售票MM：好的，给你。
1、同步：总是等待上一个任务完成后，才开始下一个任务的执行。
2、异步：开始一个（异步）任务，任务去执行，但是不会让后面的任务等待（阻塞），后面的任务继续执行，（异步）任务执行完毕后，会进行通知（回调）。
2.异步编程实现
2.1 settimeout
setTimeout(callback,ms); //延迟ms毫秒后，执行callback函数，延迟的过程，不会影响后面代码的执行。
运行结果：
1
2----->13
3
4------>31
原因：
2.2事件
事件也是基于函数胡
//fs:文件系统模块，提供对文件的操作
var fs = require("fs");
//创建输出流，读取文件
var stream = fs.createReadStream("./NodeJs-DAY01.docx");
//读取数据事件，每次读取都会触发。
stream.on("data",function(data){
console.log(data);
});
//读取数据完毕
stream.on("end",function(){
console.log("文件读取完毕");
});
2.3promise
Promise(承诺)，就是一个对象，用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的 API，可供进一步处理。
Promise 对象有以下两个特点:
（1）对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态：Pending（进行中）、Resolved（已完成，又称 Fulfilled）和 Rejected（已失败）。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是 Promise 这个名字的由来，它的英语意思就是「承诺」，表示其他手段无法改变。
（2）一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise 对象的状态改变，只有两种可能：从 Pending 变为 Resolved 和从 Pending 变为 Rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果。就算改变已经发生了，你再对 Promise 对象添加回调函数，也会立即得到这个结果。这与事件（Event）完全不同，事件的特点是，如果你错过了它，再去监听，是得不到结果的。
Promise 构造函数接受一个函数作为参数，该函数的两个参数分别是 resolve 方法和 reject 方法。
如果异步操作成功，则用 resolve 方法将 Promise 对象的状态，从「未完成」变为「成功」（即从 pending 变为 resolved）；
如果异步操作失败，则用 reject 方法将 Promise 对象的状态，从「未完成」变为「失败」（即从 pending 变为 rejected）。
基本语法：
var promise = new Promise(function(resolve, reject) {
if (/* 异步操作成功 */){
resolve(value);
} else {
reject(error);
}
});
promise.then(function(value) {
// success
}, function(value) {
// failure
});
具体使用，可以参照：http://es6.ruanyifeng.com/#docs/promise
js异步编程理解