資訊專欄INFORMATION COLUMN
摘要：也自己試了一下，發(fā)現(xiàn)確實不能運行字符串里面的代碼。那么現(xiàn)在答案很明顯了，既是不支持第一個參數(shù)為字符串的調(diào)用。在原先的問題中，如果是的話，由于的第一個參數(shù)支持的是函數(shù)或者是表達式，所以字符串會被自動執(zhí)行，將這個字符串強制轉(zhuǎn)換成一個函數(shù)。
今天閑來沒事的時候，去逛逛segementFault，看了看別人提的問題。說到setTimeout和window.onload沖突。一開始我是挺疑惑他表他什么意思的，因為setTimeout和window.onload應該不會有明顯的沖突吧。帶著疑惑去追問。后來貼出代碼的時候我就明白了,來看看他的代碼中的疑惑吧。
window.onload=function(){
setTimeout("D.style.background="#990033"",2000);
}
他覺得這個代碼運行的時候，setTimeout會報錯，不能正確的運行指定的代碼，就覺得在window.onload和setTimeout有沖突。
我對這個問題非常感興趣。也自己試了一下，發(fā)現(xiàn)確實不能運行字符串里面的代碼。但是還是很懷疑window.onload和setTimeout怎么可能會有沖突呢？
解決問題為了測試方便，我就稍微改動了一下代碼。將setTimeout的調(diào)用改成調(diào)用函數(shù)。
window.onload = function() {
function myFun(i) {
alert(1);
}
setTimeout("myFun(1)", 2000);
}
在這里發(fā)現(xiàn)的確不能運行，但是這里的問題就很明顯了，我將函數(shù)的調(diào)用變成了 "myFun(1)" 的字符串調(diào)用，所以會出現(xiàn)不能調(diào)用 myFun() 的問題。
為了深入理解我們在W3school查詢一下setTimeout的用法。
那么就是setTimeout只能接受函數(shù)或者是表達式的計算。那么現(xiàn)在答案很明顯了，既是setTimeout不支持第一個參數(shù)為字符串的調(diào)用。
但是按照提問者的用法，這種 "D.style.background="#990033"" CSS的調(diào)用也必須準守這種形式那么怎么辦？
那么就服從setTimeout的規(guī)則，說干就干，將他裝換成函數(shù)就好了。見以下代碼。
window.onload=function(){
setTimeout(function(){
D.style.background="#990033"
},2000);
}
這里的2秒鐘之后就會執(zhí)行setTimeout里面的匿名函數(shù)，即準守了setTimeout的原則，也可以利用setTimeout來調(diào)用類似字符串的形式的功能代碼。
回到提問并且深入挖掘回到提出的問題上來，深入的挖掘，其實并不是setTimeout和window.onload有沖突，在原來的問題中，其實是Javascript作用域在作怪。
在原先的問題中，如果是 setTimeout("D.style.background="#990033"",2000); 的話，由于setTimeout的第一個參數(shù)支持的是函數(shù)或者是表達式，所以字符串會被自動執(zhí)行 new Function ，將這個字符串強制轉(zhuǎn)換成一個函數(shù)。
我們知道在Javascript中，函數(shù)里面有自己的作用域，和外界的作用域不同，而在函數(shù)內(nèi)部并沒有D.style.background這個對象，所以會有報錯。在我變化的例子中，也是如此，如果使用了 setTimeout("myFun(1)", 2000)，那么這里面的字符串就會被自動執(zhí)行 new Function ，所以創(chuàng)建出來的函數(shù)不在這個作用域內(nèi)，當然也就不能調(diào)用，會出現(xiàn)無法找到的問題了。
文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/87993.html
摘要：前端基礎進階正是圍繞這條線索慢慢展開，而事件循環(huán)機制，則是這條線索的最關鍵的知識點。特別是中正式加入了對象之后，對于新標準中事件循環(huán)機制的理解就變得更加重要。之后全局上下文進入函數(shù)調(diào)用棧。 showImg(https://segmentfault.com/img/remote/1460000008811705); JavaScript的學習零散而龐雜，因此很多時候我們學到了一些東西，但...
摘要：事件觸發(fā)線程主要負責將準備好的事件交給引擎線程執(zhí)行。進程瀏覽器渲染進程瀏覽器內(nèi)核，主要負責頁面的渲染執(zhí)行以及事件的循環(huán)。第二輪循環(huán)結(jié)束。 將自己讀到的比較好的文章分享出來，大家互相學習，各位大佬有好的文章也可以留個鏈接互相學習，萬分感謝！ 線程與進程 關于線程與進程的關系可以用下面的圖進行說明： showImg(https://segmentfault.com/img/bVbjSZt?...
摘要：事件觸發(fā)線程主要負責將準備好的事件交給引擎線程執(zhí)行。進程瀏覽器渲染進程瀏覽器內(nèi)核，主要負責頁面的渲染執(zhí)行以及事件的循環(huán)。第二輪循環(huán)結(jié)束。 將自己讀到的比較好的文章分享出來，大家互相學習，各位大佬有好的文章也可以留個鏈接互相學習，萬分感謝！ 線程與進程 關于線程與進程的關系可以用下面的圖進行說明： showImg(https://segmentfault.com/img/bVbjSZt?...
摘要：徹底搞懂執(zhí)行機制首先我們大家都了解的是，是一門單線程語言，所以我們就可以得出是按照語句順序執(zhí)行的首先看這個顯然大家都知道結(jié)果，依次輸出，然而換一種這個時候再看代碼的順序執(zhí)行，輸出，，，。不過即使主線程為空，也是達不到的，根據(jù)標準，最低是。 徹底搞懂JavaScript執(zhí)行機制 首先我們大家都了解的是，JavaScript 是一門單線程語言，所以我們就可以得出： JavaScript 是...
閱讀 1465·2021-11-25 09:43
閱讀 3716·2021-11-10 11:48
閱讀 5483·2021-09-23 11:21
閱讀 1653·2019-08-30 15:55
閱讀 3570·2019-08-30 13:53
閱讀 1303·2019-08-30 10:51
閱讀 928·2019-08-29 14:20
閱讀 2035·2019-08-29 13:11
