在window.setTimeout方法中傳送對(duì)象
window.setTimeout(expr,msec)
expr是執(zhí)行字符串,在msec毫秒之后,就會(huì)作為js運(yùn)行。我昨天才發(fā)現(xiàn),原來(lái)expr也可以是一個(gè)函數(shù),呵呵,用這個(gè)特性,就可以進(jìn)行對(duì)象的傳送了。
下面的代碼實(shí)現(xiàn)了把函數(shù)foo1中的對(duì)象p,延時(shí)傳送到函數(shù)foo2中的功能。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
現(xiàn)在很多框架其實(shí)都直接一種多投事件(它的實(shí)現(xiàn)原理也不復(fù)雜),一個(gè)多投事件本身,其實(shí)是是一個(gè)標(biāo)準(zhǔn)的函數(shù),但是它一般有下述的方法。
MuEvent.add = function (func) { ... }
MuEvent.addMethod = function (instance, func) { ... }
當(dāng)使用第一種方法時(shí),在激活func這個(gè)事件處理函數(shù)時(shí),使用MuEvent的當(dāng)前實(shí)例為this對(duì)象;第二種則使用傳入的instance作為this對(duì)象。
因此對(duì)于setTimeout來(lái)說(shuō),我們傳統(tǒng)的方法要這樣使用它來(lái)激活方法:
----------
function doTimer() {
obj1.call();
obj2.call();
}
setTimeout(doTimer, 1000);
而使用多投事件的代碼就可以如下:
----------
var e = new MuEvent();
e.addMethod(obj1, obj1.call);
e.addMethod(obj2, obj2.call);
setTimeout(e, 1000);
----------
當(dāng)然,你想要寫(xiě)得COOL一點(diǎn),可以是這樣:
----------
setTimeout(function() {
return new MuEvent(obj1, obj1.call, obj2, obj2.call);
}(), 1000);
----------
作為一點(diǎn)點(diǎn)介紹,我所做的Qomo是用這種形式來(lái)實(shí)現(xiàn)的MuEvent。象Atlas之類(lèi)的框架,大多也采用類(lèi)似的方法。
- Js中setTimeout()和setInterval() 何時(shí)被調(diào)用執(zhí)行的用法
- Jquery中使用setInterval和setTimeout的方法
- jQuery中setTimeout的幾種使用方法小結(jié)
- jQuery setTimeout()函數(shù)使用方法
- Javascript對(duì)象中關(guān)于setTimeout和setInterval的this介紹
- setTimeout的延時(shí)為0時(shí)多個(gè)瀏覽器的區(qū)別
- setTimeout和setInterval的區(qū)別你真的了解嗎?
- setInterval和setTimeout停止的方法
- Javascript延遲執(zhí)行實(shí)現(xiàn)方法(setTimeout)
- JS延遲加載(setTimeout) JS最后加載
- Js setInterval與setTimeout(定時(shí)執(zhí)行與循環(huán)執(zhí)行)的代碼(可以傳入?yún)?shù))
- js setTimeout實(shí)現(xiàn)延遲關(guān)閉彈出層
- JavaScript setTimeout和setInterval的使用方法 說(shuō)明
- setTimeout與setInterval在不同瀏覽器下的差異
- javascript setTimeout和setInterval 的區(qū)別
- JavaScript window.setTimeout() 的詳細(xì)用法
- 在Javascript類(lèi)中使用setTimeout
- setTimeout在類(lèi)中使用的問(wèn)題!
- setTimeout和setInterval的瀏覽器兼容性分析
- JS中setTimeout()的用法詳解
相關(guān)文章
javascript框架設(shè)計(jì)讀書(shū)筆記之模塊加載系統(tǒng)
本文是司徒正美的《javascript框架設(shè)計(jì)》的第二章模塊加載系統(tǒng)的讀書(shū)筆記,根據(jù)自己的理解,簡(jiǎn)要的跟大家講述了本章的主要內(nèi)容,方便大家更好的學(xué)習(xí)。2014-12-12javascript 傳統(tǒng)事件模型構(gòu)造的事件監(jiān)聽(tīng)器實(shí)現(xiàn)代碼
最近做東西需要添加大量的事件,而且要對(duì)所有事件進(jìn)行比較細(xì)致的控制,于是便試著寫(xiě)了個(gè)事件監(jiān)聽(tīng)器。2010-05-05發(fā)布一個(gè)高效的JavaScript分析、壓縮工具 JavaScript Analyser
發(fā)布一個(gè)高效的JavaScript分析、壓縮工具 JavaScript Analyser...2007-11-11javascript while語(yǔ)句和do while語(yǔ)句的區(qū)別分析
這篇文章通過(guò)實(shí)例代碼較詳細(xì)的給大家介紹了javascript while語(yǔ)句和do while語(yǔ)句的區(qū)別,感興趣的朋友一起看看吧2007-12-12javascript 隨機(jī)數(shù) 與高級(jí)應(yīng)用 附vbscript(asp) 隨機(jī)數(shù)總結(jié)
有時(shí)忘了程序的隨機(jī)數(shù)函數(shù)或javascript和vbscript的隨機(jī)數(shù)混亂了,特總結(jié)下兩者的隨機(jī)數(shù)函數(shù),以備以后使用方便。2007-10-10初學(xué)js插入節(jié)點(diǎn)appendChild insertBefore使用方法
由于可見(jiàn)insertBefore()方法的特性是在已有的子節(jié)點(diǎn)前面插入新的節(jié)點(diǎn)但是兩種情況結(jié)合起來(lái)發(fā)現(xiàn)insertBefore()方法插入節(jié)點(diǎn),是可以在子節(jié)點(diǎn)列表的任意位置。2011-07-07JavaScript靜態(tài)的動(dòng)態(tài)
JavaScript靜態(tài)的動(dòng)態(tài)...2006-09-09jQuery實(shí)現(xiàn)鼠標(biāo)放置名字上顯示詳細(xì)內(nèi)容氣泡提示框效果的方法分析
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)放置名字上顯示詳細(xì)內(nèi)容氣泡提示框效果的方法,結(jié)合實(shí)例形式分析了jQuery結(jié)合bootstrap插件實(shí)現(xiàn)的鼠標(biāo)響應(yīng)式提示框相關(guān)操作技巧,需要的朋友可以參考下2020-04-04