在网页中有两个div块，html代码如下 <div class="o...

Question

在网页中有两个div块，html代码如下
<div class="outer">
 <div class="inner"></div>
</div>

对应的js代码如下：
var outer = document.querySelector('.outer')
var inner = document.querySelector('.inner')

function onClick() {
 console.log('click')

 setTimeout(function() {
   console.log('timeout')
 }, 0)

 Promise.resolve().then(function() {
   console.log('promise')
 })

 outer.setAttribute('data-random', Math.random())
}

inner.addEventListener('click', onClick)
outer.addEventListener('click', onClick)

当点击class为inner的div块时，控制台依次输出结果是什么？