首頁猿問 js 加載順序的問題？

js 加載順序的問題？

JavaScript

慕哥6287543 2018-08-08 11:10:26

為什么global.width 會的到undefined，網(wǎng)頁的加載順序不是自上而下的嗎？<script>var global = {}; (function(){ var action = function() { global.width = document.documentElement.clientWidth; } document.addEventListener("DOMContentLoaded", action, flase); })();</script><script> alert(global.width); //undefined ??</script>

查看完整描述

1 回答

慕神8447489

TA貢獻1780條經(jīng)驗獲得超1個贊

<script>var global = {};//A(function(){   var action = function() {//D
       global.width = document.documentElement.clientWidth;
   }   document.addEventListener("DOMContentLoaded", action, flase);
})();//B</script><script>
   alert(global.width);  //undefined ?? c</script>

A.聲明并初始化一個global變量
B.定義了一個立即執(zhí)行函數(shù)，函數(shù)被馬上執(zhí)行，為document添加了對DOMContentLoaded的綁定，綁定的函數(shù)為action
C.執(zhí)行本地alert組件,width在global對象中是不存在的
D.等到DOMContentLoaded事件發(fā)生時，action回調(diào)函數(shù)才會被調(diào)用

JS事件異步調(diào)用且單線程執(zhí)行，必須等到當前的同步代碼執(zhí)行完畢后，事件的回調(diào)才有可能被回調(diào)；同理一個事件回調(diào)函數(shù)被執(zhí)行，其它JS代碼是沒機會執(zhí)行

反對回復 2018-09-16