成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

當(dāng)SetTimeout遇到了字符串

waruqi / 856人閱讀

摘要：也自己試了一下，發(fā)現(xiàn)確實(shí)不能運(yùn)行字符串里面的代碼。那么現(xiàn)在答案很明顯了，既是不支持第一個參數(shù)為字符串的調(diào)用。在原先的問題中，如果是的話，由于的第一個參數(shù)支持的是函數(shù)或者是表達(dá)式，所以字符串會被自動執(zhí)行，將這個字符串強(qiáng)制轉(zhuǎn)換成一個函數(shù)。

今天閑來沒事的時(shí)候，去逛逛segementFault，看了看別人提的問題。說到setTimeout和window.onload沖突。一開始我是挺疑惑他表他什么意思的，因?yàn)閟etTimeout和window.onload應(yīng)該不會有明顯的沖突吧。帶著疑惑去追問。后來貼出代碼的時(shí)候我就明白了,來看看他的代碼中的疑惑吧。

window.onload=function(){
setTimeout("D.style.background="#990033"",2000);
}

他覺得這個代碼運(yùn)行的時(shí)候，setTimeout會報(bào)錯，不能正確的運(yùn)行指定的代碼，就覺得在window.onload和setTimeout有沖突。

我對這個問題非常感興趣。也自己試了一下，發(fā)現(xiàn)確實(shí)不能運(yù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)的確不能運(yùn)行，但是這里的問題就很明顯了，我將函數(shù)的調(diào)用變成了 "myFun(1)" 的字符串調(diào)用，所以會出現(xiàn)不能調(diào)用 myFun() 的問題。

為了深入理解我們在W3school查詢一下setTimeout的用法。

那么就是setTimeout只能接受函數(shù)或者是表達(dá)式的計(jì)算。那么現(xiàn)在答案很明顯了，既是setTimeout不支持第一個參數(shù)為字符串的調(diào)用。

但是按照提問者的用法，這種 "D.style.background="#990033"" CSS的調(diào)用也必須準(zhǔn)守這種形式那么怎么辦？

那么就服從setTimeout的規(guī)則，說干就干，將他裝換成函數(shù)就好了。見以下代碼。

window.onload=function(){
setTimeout(function(){
    D.style.background="#990033"
},2000);
}

這里的2秒鐘之后就會執(zhí)行setTimeout里面的匿名函數(shù)，即準(zhǔn)守了setTimeout的原則，也可以利用setTimeout來調(diào)用類似字符串的形式的功能代碼。

回到提問并且深入挖掘

回到提出的問題上來，深入的挖掘，其實(shí)并不是setTimeout和window.onload有沖突，在原來的問題中，其實(shí)是Javascript作用域在作怪。

在原先的問題中，如果是 setTimeout("D.style.background="#990033"",2000); 的話，由于setTimeout的第一個參數(shù)支持的是函數(shù)或者是表達(dá)式，所以字符串會被自動執(zhí)行 new Function ，將這個字符串強(qiáng)制轉(zhuǎn)換成一個函數(shù)。

我們知道在Javascript中，函數(shù)里面有自己的作用域，和外界的作用域不同，而在函數(shù)內(nèi)部并沒有D.style.background這個對象，所以會有報(bào)錯。在我變化的例子中，也是如此，如果使用了 setTimeout("myFun(1)", 2000)，那么這里面的字符串就會被自動執(zhí)行 new Function ，所以創(chuàng)建出來的函數(shù)不在這個作用域內(nèi)，當(dāng)然也就不能調(diào)用，會出現(xiàn)無法找到的問題了。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/87993.html

相關(guān)文章

  • 前端基礎(chǔ)進(jìn)階（十二）：深入核心，詳解事件循環(huán)機(jī)制

    摘要：前端基礎(chǔ)進(jìn)階正是圍繞這條線索慢慢展開，而事件循環(huán)機(jī)制，則是這條線索的最關(guān)鍵的知識點(diǎn)。特別是中正式加入了對象之后，對于新標(biāo)準(zhǔn)中事件循環(huán)機(jī)制的理解就變得更加重要。之后全局上下文進(jìn)入函數(shù)調(diào)用棧。 showImg(https://segmentfault.com/img/remote/1460000008811705); JavaScript的學(xué)習(xí)零散而龐雜，因此很多時(shí)候我們學(xué)到了一些東西，但...

    whjin 評論0 收藏0

  • 事件循環(huán)機(jī)制

    摘要：事件觸發(fā)線程主要負(fù)責(zé)將準(zhǔn)備好的事件交給引擎線程執(zhí)行。進(jìn)程瀏覽器渲染進(jìn)程瀏覽器內(nèi)核，主要負(fù)責(zé)頁面的渲染執(zhí)行以及事件的循環(huán)。第二輪循環(huán)結(jié)束。 將自己讀到的比較好的文章分享出來，大家互相學(xué)習(xí)，各位大佬有好的文章也可以留個鏈接互相學(xué)習(xí)，萬分感謝！ 線程與進(jìn)程 關(guān)于線程與進(jìn)程的關(guān)系可以用下面的圖進(jìn)行說明： showImg(https://segmentfault.com/img/bVbjSZt?...

    Blackjun 評論0 收藏0

  • 事件循環(huán)機(jī)制

    摘要：事件觸發(fā)線程主要負(fù)責(zé)將準(zhǔn)備好的事件交給引擎線程執(zhí)行。進(jìn)程瀏覽器渲染進(jìn)程瀏覽器內(nèi)核，主要負(fù)責(zé)頁面的渲染執(zhí)行以及事件的循環(huán)。第二輪循環(huán)結(jié)束。 將自己讀到的比較好的文章分享出來，大家互相學(xué)習(xí)，各位大佬有好的文章也可以留個鏈接互相學(xué)習(xí)，萬分感謝！ 線程與進(jìn)程 關(guān)于線程與進(jìn)程的關(guān)系可以用下面的圖進(jìn)行說明： showImg(https://segmentfault.com/img/bVbjSZt?...

    CloudwiseAPM 評論0 收藏0

  • 徹底搞懂JavaScript執(zhí)行機(jī)制

    摘要：徹底搞懂執(zhí)行機(jī)制首先我們大家都了解的是，是一門單線程語言，所以我們就可以得出是按照語句順序執(zhí)行的首先看這個顯然大家都知道結(jié)果，依次輸出，然而換一種這個時(shí)候再看代碼的順序執(zhí)行，輸出，，，。不過即使主線程為空，也是達(dá)不到的，根據(jù)標(biāo)準(zhǔn)，最低是。 徹底搞懂JavaScript執(zhí)行機(jī)制 首先我們大家都了解的是，JavaScript 是一門單線程語言，所以我們就可以得出： JavaScript 是...

    hizengzeng 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<