插入script标签，然后立即移出，为什么里面的代码一定会执行完毕了呢？

Question

下面这段代码插入了一段script代码，然后立即将其移出，那是什么机制保证了移出节点（removeChild函数）前，里面的代码已经执行完毕了呢？
vara=1,
code='a=2;',
doc=document,
body=doc.body,
script=doc.createElement('script');
script.innerHTML=code;
body.appendChild(script).parentNode.removeChild(script);
console.log(a);

Answer 1

并不是你想的那样立即执行的，这种链式调用是前一个执行完毕，再执行后面的内容比如varobj={a:0,parentNode:function(){console.log(this.a);returnthis;},appendChild:function(){console.log(this.a);returnthis;},removeChild:function(){console.log(this.a);returnthis;}}obj.appendChild().parentNode().removeChild();运行时都是等待上一部执行完成，再进入下一步