浅谈promise、setTimeout和nextTick的区别

前言：为了在业余时间充实自己，不仅仅每天写上班所用的业务流程，作为一个刚刚踏入前端行业的小白，更加需要利用好碎片时间自我进修。因为平时主要使用vue，所以对常用的几个延迟调用方法（promise、setTimeout和nextTick）产生了好奇，它们同时执行的时候会有什么结果呢。

先看看promise、setTimeout和nextTick在文档中的定义：

promise

Promise是最早由社区提出和实现的一种解决异步编程的方案，比其他传统的解决方案（回调函数和事件）更合理和更强大。
ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。
ES6 规定，Promise对象是一个构造函数，用来生成Promise实例。

setTimeout

JavaScript提供定时执行代码的功能，叫做定时器（timer），主要由setTimeout()和setInterval()这两个函数来完成。它们向任务队列添加定时任务。初始接触它的人都觉得好简单，实时上真的如此么？这里记载下，一路对其使用姿势变迁的历程。

nextTick

在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中，在created()钩子函数执行的时候DOM 其实并未进行任何渲染，而此时进行DOM操作无异于徒劳，所以此处一定要将DOM操作的js代码放进Vue.nextTick()的回调函数中。与之对应的就是mounted()钩子函数，因为该钩子函数执行时所有的DOM挂载和渲染都已完成，此时在该钩子函数中进行任何DOM操作都不会有问题 。