[真传弟子]杨泽平|2017年02月18日的日报-技能树.IT修真院

发表于： 2017-02-18 20:30:21

2 1251

今天完成的事情：

回调函数的小课堂准备。

修真院十一期寻找师兄的搜索栏部分ctrl。

计划明天的事情：

修真院十一期页面逻辑的完善。

收获和问题：

小课堂相关：

1.背景介绍

今天呢，给大家讲的是js的异步操作，首先，在介绍异步操作之前，给大家科普一波。

Javascript语言的执行环境是"单线程"

所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。

这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。

2.知识剖析

先了解下Javascript语言将任务的执行模式。Javascript语言将任务的执行模式分成两种：同步（Synchronous）和异步（Asynchronous）。

"同步模式"：后一个任务等待前一个任务结束，然后再执行，程序的执行顺序与任务的排列顺序是一致的、同步的；

"异步模式"则完全不同，每一个任务有一个或多个回调函数（callback），前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行，所以程序的执行顺序与任务的排列顺序是不一致的、异步的。非常重要。在浏览器端，耗时很长的操作都应该异步执行，避免浏览器失去响应，最好的例子就是Ajax操作。在服务器端，"异步模式"甚至是唯一的模式，因为执行环境是单线程的，如果允许同步执行所有http请求，服务器性能会急剧下降，很快就会失去响应。

3.常见问题

问题1

常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。该如何解决？

4.解决方案

问题1

4.解决方案

2.Promise：Promise象征着一个异步操作的最终结果。Promises交互主要通过它的then方法，then方法接受一个回调函数，这个回调函数接受执行成功的返回值或执行失败的错误原因，错误原因一般是Error对象。

Promise是个ES6标准。浏览器的支持点我文档：点我

Promise有以下几种状态：

1.pending: 初始状态, 既不是 fulfilled 也不是 rejected。

2.fulfilled: 表示操作被成功完成。

3.rejected: 表示该操作失败。