让我们来创建一个JavaScript Wait函数
Async/await以及它底层promises的应用正在猛烈地冲击着JS的世界。在大多数客户端和JS服务端平台的支持下，回调编程已经成为过去的事情。
当然，基于回调的编程很丑陋的。
如果您还没有使用过，那么开始接触并使用async/await和promise是非常有必要的。在async/await之前，我并没有十分痴迷于promise，就像您看到的下面的代码：
比回调地狱好点，但并不美观。
关于async/await有很多很好的介绍，所以在这里就不再做过多讨论，只占用15秒：您使您的函数返回一个promise，然后使用await（内置了一个异步函数）来调用这个promise。
These examples will also make use of a new-ish JS feature, arrow functions. 这些示例还将使用一个新的JS特性，箭头函数。如果您习惯于下面这种写法：
function(a) { return console.log(a) }
现在改为：
(a) => console.log(a)
这样，我们就可以创建我们的Wait函数了。
Wait函数（在某些环境中也叫Sleep函数）很容易理解、使用和创建。顾名思义，就是我们想让程序等待一段时间。
只是设置一段延时来执行我们的promise。我们可以自定义我们等待的时间ms。
var wait = ms => new Promise((r, j)=>setTimeout(r, ms))
wait(2000)会返回一个promise，然后在2000ms后执行（2s）。
// Promise syntax
var prom = wait(2000) // prom, is a promise
var showdone = ()=>console.warn('done')
prom.then(showdone)
// same thing, using await syntax
await wait(2000)
console.warn('done')
使用async/await语法要比promise的.then()更优雅。我们用一个立即执行函数包裹它，以便简洁。
(async () => { await wait(2000); console.warn('done') })()
或在常规代码中
var x = 1
var y = 2
await wait(2000)
console.warn(x)
What if we want to wait on an event, instead of just waiting x ms of time? 如果我们想等待某个事件，而不只是等待多少毫秒的延时呢？只需要控制这个promise什么时候执行就行了。
我们甚至可以设置调用的超时时间，如果事件永远不会发生，代码就不会一直等待。
假设在一个web页面中，我们想要等待一个内容为“Hello World”的dom元素。我们会每100ms检查一次，并在2s后超时退出。
<div id=a>s</div>
<script>
var e = document.querySelector('#a')
var waitForHello = timeoutms => new Promise((r, j)=>{
var check = () => {
console.warn('checking')
if(e.innerhtml == 'Hello world')
r()
else if((timeoutms -= 100) < 0)
j('timed out!')
else
setTimeout(check, 100)
}
setTimeout(check, 100)
})
//setTimeout(()=>{e.innerHTML='Hello world'}, 1000)
(async ()=>{
a.innerHTML = 'waiting..'
waitForHello(2000)
})()
</script>
不注释掉setTimeout那一行，就会在1s后将这个DIV的内容设置为“Hello World”，否则将会超时退出。
如您所见，async/await为您的代码创造了无限的可能性。
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！
