媒介

你能够晓得，Javascript言语的实行环境是”单线程”（single thread）。
所谓”单线程”，就是指一次只能完成一件使命。假如有多个使命，就必须列队，前面一个使命完成，再实行背面一个使命，以此类推。
这类情势的长处是完成起来比较简朴，实行环境相对纯真；害处是只需有一个使命耗时很长，背面的使命都必须列队等着，会迁延全部递次的实行。罕见的阅读器无相应（假死），每每就是因为某一段Javascript代码长时刻运转（比方死轮回），致使全部页面卡在这个处所，其他使命没法实行。
为了处置惩罚这个题目，Javascript言语将使命的实行情势分红两种：同步（Synchronous）和异步（Asynchronous）.
“异步情势”非常重要。在阅读器端，耗时很长的操纵都应该异步实行，防止阅读器落空相应，最好的例子就是Ajax操纵。在服务器端，”异步情势”以至是唯一的情势，因为实行环境是单线程的，假如许可同步实行一切http要求，服务器机能会急剧下降，很快就会落空相应。

setTimeout 函数的弊病

延时处置惩罚固然少不了 setTimeout这个神器，很多人对 setTimeout函数的明白就是：延时为 n 的话，函数会在 n 毫秒今后实行。事实上并非如此，这里存在三个题目:
一个是 setTimeout函数的实时性题目, setTimeout是存在肯定时刻距离的，并非设定 n 毫秒实行，他就是 n 毫秒实行，能够会有一点时刻的耽误，setInterval 和 setTimeout 函数运转的最短周期是 5ms 摆布，这个数值在 HTML范例 中也是有提到的:

• Let timeout be the second method argument, or zero if the argument was omitted.
  假如 timeout 参数没有写，默以为 0

• If nesting level is greater than 5, and timeout is less than 4, then increase timeout to 假如嵌套的条理大于 5 ，而且 timeout 设置的数值小于 4 则直接取 4.

其次是while轮回会壅塞setTimeout的实行

看这段代码:

var t = true;

window.setTimeout(function (){
    t = false;
},1000);

while (t){}

alert('end');

结果是死轮回致使setTimeout不实行，也致使alert不实行
js是单线程，所以会先实行while(t){}再alert，但这个轮回体是死轮回，所以永久不会实行alert。
至于说为何不实行setTimeout，是因为js的事情机制是：当线程中没有实行任何同步代码的前提下才会实行异步代码，setTimeout是异步代码，所以setTimeout只能等js余暇才会实行，但死轮回是永久不会余暇的，所以setTimeout也永久不会实行。

第三是，try..catch捕获不到他的毛病

异步编程要领

回调函数

这是异步编程最基础的要领。
假定有两个函数f1和f2，后者守候前者的实行结果。

function f1(callback){
　　setTimeout(function () {
　　　　// f1的使命代码
　　　　callback();
　　}, 1000);
}
f1(f2);

采纳这类体式格局，我们把同步操纵变成了异步操纵，f1不会梗塞递次运转，相当于先实行递次的重要逻辑，将耗时的操纵推延实行。
回调函数的长处是简朴、轻易明白和布置，瑕玷是不利于代码的阅读和保护，各个部份之间高度耦合（Coupling），流程会很杂沓，而且每一个使命只能指定一个回调函数。

事宜监听

另一种思绪是采纳事宜驱动情势。使命的实行不取决于代码的递次，而取决于某个事宜是不是发作

f1.on('done', f2);
function f1(){
　　setTimeout(function () {
　　　　// f1的使命代码
　　　　f1.trigger('done');
　　}, 1000);
}

JS 和 阅读器供应的原生要领基础都是基于事宜触发机制的，耦合度很低，不过事宜不能获得流程掌握

Promises对象

Promises对象是CommonJS事情组提出的一种范例，目标是为异步编程供应一致接口。

Promises能够简朴明白为一个事件，这个事件存在三种状况：

• 已完成了 resolved

• 因为某种缘由被中缀了 rejected

• 还在守候上一个事件完毕 pending

简朴说，它的头脑是，每一个异步使命返回一个Promises对象，该对象有一个then要领，许可指定回调函数,如许写的长处在于，回调函数变成了链式写法，递次的流程能够看得很清楚

Promises就是一个事件的管理器。他的作用就是将各种内嵌回调的事件用流水情势表达，其目标是为了简化编程，让代码逻辑越发清楚。

Promises能够分为：

• 无毛病通报的 Promises，也就是事件不会因为任何缘由中缀，事件行列中的事项都会被顺次处置惩罚，此过程当中 Promises只要 pending和 resolved两种状况，没有 rejected状况。

• 包括毛病的 Promises，每一个事件的处置惩罚都必须应用容错机制来猎取结果，一旦失足，就会将毛病信息通报给下一个事件，假如毛病信息会影响下一个事件，则下一个事件也会 rejected，假如不会，下一个事件能够一般实行，顺次类推。

此处留坑讲generator完成异步编程
本来想自身总结下generator与异步的，看了下阮一峰先生的博客算是相识个也许，明白也是一孔之见，有兴致的话能够在底下的参考资料里找到去看看

封装好的完成

jquery的Deferred对象

简朴说，Deferred对象就是jquery的回调函数处置惩罚方案。在英语中，defer的意义是”耽误”，所以Deferred对象的寄义就是”耽误”到将来某个点再实行。
起首，回忆一下jquery的ajax操纵的传统写法：

　　$.ajax({
　　　　url: "test.html",
　　　　success: function(){
　　　　　　alert("哈哈，胜利了！");
　　　　},
　　　　error:function(){
　　　　　　alert("失足啦！");
　　　　}
　　});

有了<ode>Deferred对象今后，写法是如许的：

$.ajax("test.html")
　.done(function(){ alert("哈哈，胜利了！"); })
　.fail(function(){ alert("失足啦！"); });

能够看到，done()相当于success要领，fail()相当于error要领。采纳链式写法今后，代码的可读性大大提高。
相识jQuery.Deferred对象能够看下面这个表格。

when.js

AngularJS内置的Kris Kowal的Q框架，和cujoJS的when.js，两者都是Promises/A范例的完成
when.js实例

var getData = function() {
    var deferred = when.defer();
    $.getJSON(api, function(data){
        deferred.resolve(data[0]);
    });

    return deferred.promise;
}

var getImg = function(src) {
    var deferred = when.defer();

    var img = new Image();

    img.onload = function() {
        deferred.resolve(img);
    };

    img.src = src;

    return deferred.promise;
}

var showImg = function(img) {
    $(img).appendTo($('#container'));
}

getData()
.then(getImg)
.then(showImg);

看末了三行代码，是不是是一览无余，非常的语义化

var deferred = when.defer();

定义了一个deferred对象。

deferred.resolve(data);

在异步猎取数据完成时，把数据作为参数，挪用deferred对象的resolve要领。

return deferred.promise;

返回了deferred对象的Promises属性。

掌握流程东西step.js

github地点
step.js是掌握流程东西（大小仅 150 行代码），处置惩罚回调嵌套条理过多等题目。适用于读文件、查询数据库等回调函数相互依赖，或许离别猎取内容末了组合数据返回等应用情形。异步实行简朴地能够分为“串行实行”和“并行”实行
应用示例:

Step(
  function readSelf() {
    fs.readFile(__filename, this);
  },
  function capitalize(err, text) {
    if (err) throw err;
    return text.toUpperCase();
  },
  function showIt(err, newText) {
    if (err) throw err;
    console.log(newText);
  }
);

Step 的一个商定，回调函数的第一个参数老是 err，第二个才是值（相沿 Node 回调的作风）。假如上一个步骤发作非常，那末非常对象将被送入到下一个步骤中。

扩大阅读

Javascript既是单线程又是异步的，叨教这两者是不是争执，以及有什么区分？

Answer1：Javascript自身是单线程的，并没有异步的特征。

因为 Javascript的应用场景是阅读器，阅读器自身是典范的 GUI 事情线程，GUI 事情线程在绝大多数体系中都完成为事宜处置惩罚，防止壅塞交互，因而产生了 Javascript异步基因。今后各种都源于此。

Answer2： JS的单线程是指一个阅读器历程中只要一个JS的实行线程，统一时刻内只会有一段代码在实行（你能够应用IE的标签式阅读碰运气结果，这时刻翻开的多个页面应用的都是统一个JS实行线程，假如个中一个页面在实行一个运算量较大的function时，其他窗口的JS就会停止事情）。
而异步机制是阅读器的两个或以上常驻线程共同完成的，比方异步要求是由两个常驻线程：JS实行线程和事宜触发线程共同完成的，JS的实行线程提议异步要求（这时刻阅读器会开一条新的HTTP要求线程来实行要求，这时刻JS的使命已完成，继承实行线程行列中剩下的其他使命），然后在将来的某一时刻事宜触发线程看管到之前的提议的HTTP要求已完成，它就会把完成事宜插进去到JS实行行列的尾部守候JS处置惩罚。又比方定时触发（setTimeout和setinterval）是由阅读器的定时器线程实行的定时计数，然后在定时时刻把定时处置惩罚函数的实行要求插进去到JS实行行列的尾端（所以用这两个函数的时刻，现实的实行时刻是大于或即是指定时刻的，不保证能正确定时的）。
所以，所谓的JS的单线程和异步更多的应该是属于阅读器的行动，他们之间没有争执，更不是统一种事物，没有什么区分不区分的。

setTimeout(fn,0)马上实行的题目

起首，不会马上实行，缘由：
setTimeout(fn,0)的作用很简朴，就是为了把fn放到运转行列的末了去实行。也就是说，不管setTimeout(fn,0)写在哪，都能够保证在行列的末了实行。js剖析器会把setTimeout(fn,0)里的fn压到行列的末了，因为它是异步操纵。有个延时，详细是16ms照样4ms取决于阅读器
马上实行照样有能够的，只需在你挪用setTimeout的时刻，满足下面两个前提：

1. 恰好实行到了当前这一轮事宜轮回的底部。

2. 恰好此时事宜行列为空。

那末setTimeout的回调函数就能够马上实行。固然“马上实行”的意义是在任何其他代码前实行。

参考资料

知乎：setTimeout的异步以及js是单线程的面试题？
阮先生的博客
小胡子哥的博客
知乎：JavaScript 既是单线程又是异步的，叨教这两者是不是争执，以及有什么区分？
细嗅Promise
whenjs文档
jQuery的deferred对象详解
jQuery 中的 Deferred 和 Promises (2)
Step.js 应用教程（附源码剖析）
Generator 函数的寄义与用法