Javascript里异步编程逐渐被大家接受，先前大家一般通过回调嵌套，setTimeout、setInterval等方式实现，代码看起来非常不直观，不看整个代码逻辑很难快速理解。Javascript里异步函数大概有I/O函数（Ajax、postMessage、img load、script load等）、计时函数（setTimeout、setInterval）等。 这些我们都很熟悉，在复杂的应用中往往会嵌套多层，甚至以为某些步骤未完成而导致程序异常，最简单的例子：比如你往DOM中注入节点，你必须等...
Promise 编程模式也被称为 thenable，可以理解为 延迟后执行。每个 Promise 都拥有一个叫做 then 的唯一接口，当 Promise 失败或成功时，它就会进行回调。它代表了一种可能会长时间运行而且不一定必须完成的操作结果。这种模式不会阻塞和等待长时间的操作完成，而是返回一个代表了承诺的（promised）结果的对象。 当前的许多 JavaScript 库（如 jQuery 和 Dojo、AngularJS）均添加了这种称为 Promise 的抽象。通过这些库，开发人员...
在我们开始正式介绍之前，我们想看看Javascript Promise的样子： 代码如下:var p = new Promise(function(resolve, reject) { resolve("hello world");});p.then(function(str) { alert(str);});1. then()返回一个Forked Promise 以下两段代码有什么区别呢？代码如下:// Exhibit Avar p = new Promise(/*...*/);p.then(func1);p.then(func2);// Exhibit Bvar p = new Promise(/*...*/);p.then(func1).then(func2);如果你认真以上...
你可能知道，Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导...
Asyncjs/seriesByHand.js代码如下:var fs = require(fs);process.chdir(recipes); // 改变工作目录var concatenation = ; fs.readdir(., function(err, filenames) { if (err) throw err; function readFileAt(i) { var filename = filenames[i]; fs.stat(filename, function(err, stats) { if (err) throw err; if (! stats.isFile()) return readFileAt(i + 1); fs.readFile(filename, utf8, function(...
你可能知道，Javascript语言的执行环境是"单线程"（single thread）。 所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。 这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环）...
就好像排队，前面的人忙着忙着突然上厕所了，后面的人阻塞在这里，因此我们就需要让前面的人死到一边去，让后面的人跟进……AJAX就是这个概念，请求还在继续，但我们还可以做其他事。 javascript中实现这个功能的是来自BOM的一个函数setTimeout，但相关的DOM操作也提供了一系列实现。如XMLHttpRequest对象与script标签的onreadystatechange回调，image的onload与onerror回调，iframe的onload，DOM元素的事件回调，HTML5的跨域消息传...
其实在 ES6 标准出现之前，社区就最早提出了 Promise 的方案，后随着 ES6 将其加入进去，才统一了其用法，并提供了原生的 Promise 对象。Promise 的基本情况 如果一定要解释 Promise 到底是什么，简单来说它就是一个容器，里面保存着某个未来才会结束的事件（通常是异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。 Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。我们来简单看...
目录1. 概述2. 详论3. 参考 1. 概述 Promise对象是ES6提出的的异步编程的规范。说到异步编程，就不得不说说同步和异步这两个概念。 从字面意思理解同步编程的话，似乎指的是两个任务同步运行，如果这样理解就错了（至少笔者再没有接触到这个概念的时候有这种误解）。同步和异步指的是代码指定执行的顺序（结构化编程范式的执行顺序总是由上至下，由前往后的），如果执行的顺序与代码的相同，就是同步；如果不同，就是异步。 最初，...
Javascript语言的执行环境是"单线程"。也就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务。 这种模式虽然实现起来比较简单，执行环境相对单纯，但是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。 为了解决这个...
打工人！打工魂！前端才是人上人！此系列总结于大前端进击之路过程中的学习，如果文章中有不对的地方，希望大家能进行批评改正，互相进步。经典面试题 我们先来看一道经典的面试题，让我们的小脑袋瓜子思考起来~如果你对这道题有清晰的思路并且了解背后的原因，那么请直接点赞评论加关注！！！！！ //请写出输出内容 async function async1() {console.log('async1 start');await async2();console.log('async1 end'); } async fun...
并行执行 或许，可能有遇到过这样的需求： 一个接口的参数是由其他三个接口的返回值组合而成，因此这个接口必须要保证在另外三个接口完成之后才能被调用；在echarts的图表中，一个图表中可以有好几组数据，每组数据都由一个接口返回，根据echarts使用规则，必须得这几个接口都请求完成之后才渲染图，比如下面这个，有四组数据在同一个echarts表里： 以上两种情况，都是需要在某几个接口请求完毕之后再执行另一个接口。 这个涉及到并...
大家好，我是指针。冬天到了，人也变懒了，为了让自己动起来，我报名参加了拉钩教育的大前端高薪训练营。学习需要总结，需要分享，需要鞭策，于是便有了《针爱学前端》这一系列，希望大家看完能够有收获。如果文章中有不对的地方，希望能批评指针，不吝赐教！！！JavaScript异步编程 0.先做题，醒醒脑子,成功的请直接跳转到参考，失败的按照顺序往下看 console.log(1) setTimeout(()=> {console.log(2) }, 0) new Promise(res => {...
浏览器是多线程的，但javascript是单线程的语言，浏览器只分配一个GUI渲染线程去执行我们的js代码，这说明它同一时间只能做一件事。对于大部分的js代码来讲，上面的代码没有执行完，下面的代码是不能执行（同步编程），但对于某些js代码来说，需要在上面代码没有处理的情况下，GUI渲染线程能够向下执行这就是所谓的“异步编程”。一、同步和异步同步：同步是所有的操作都做完了，才返回给用户，这样等待的时间就比较的长。可以看成...
一、构造函数 二、原型链 三、回调函数 四、事件循环 五、异步编程 六、浏览器储存 七、跨域 八、Webpack打包 一、构造函数 1 定义：当任意一个普通函数用于创建一类对象时，它就被称作构造函数。在 JavaScript 中是指用 new 关键字来调用的函数 2 执行流程：（1）当以 new 关键字调用时，会创建一个新的内存空间 （2）函数体内部的 this 指向该内存 （3）执行函数体内的代码 （4）默认返回 this3 在 ES6 中通过class定义的类 和通...