使用閉包對(duì)setTimeout進(jìn)行簡(jiǎn)單封裝避免出錯(cuò)
更新時(shí)間：2013年07月10日 17:13:08 作者：
寫js腳本時(shí)經(jīng)常會(huì)用到一些拼寫函數(shù)的情況，例如調(diào)用setTimeout...查了很長(zhǎng)時(shí)間，為什么就是彈不出對(duì)話框呢，使用閉包就可完全避免了
在寫js腳本時(shí)，經(jīng)常會(huì)用到一些拼寫函數(shù)的情況，例如調(diào)用setTimeout
var msgalert="test";
function TestAlert(msg)
{
alert(msg)
}
$(document).ready(function () {
$("#btnCancel").click(function (e) {
setTimeout("TestAlert("+msgalert+")",1000);
});
})
查了很長(zhǎng)時(shí)間，為什么就是彈不出對(duì)話框呢。檢查了很長(zhǎng)時(shí)間才發(fā)現(xiàn)，原來是少了一對(duì)單引號(hào)
$(document).ready(function () {
$("#btnCancel").click(function (e) {
setTimeout("TestAlert('"+msgalert+"')",1000);
});
})
這樣的寫法容易出錯(cuò)，還不容易檢查出錯(cuò)誤，如果使用閉包就可完全避免，改寫如下
var msgalert="test";
function dalayAlert(msg ,time){
setTimeout(
TestAlert(msg),
time
);
}
function TestAlert(msg)
{
alert(msg)
}
$(document).ready(function () {
$("#btnCancel").click(function (e) {
dalayAlert(msgalert,1000)
});
})
由于使用了閉包，也簡(jiǎn)單了很多，檢查錯(cuò)誤也很容易了
復(fù)制代碼 代碼如下:
var msgalert="test";
function TestAlert(msg)
{
alert(msg)
}
$(document).ready(function () {
$("#btnCancel").click(function (e) {
setTimeout("TestAlert("+msgalert+")",1000);
});
})
查了很長(zhǎng)時(shí)間，為什么就是彈不出對(duì)話框呢。檢查了很長(zhǎng)時(shí)間才發(fā)現(xiàn)，原來是少了一對(duì)單引號(hào)
復(fù)制代碼 代碼如下:
$(document).ready(function () {
$("#btnCancel").click(function (e) {
setTimeout("TestAlert('"+msgalert+"')",1000);
});
})
這樣的寫法容易出錯(cuò)，還不容易檢查出錯(cuò)誤，如果使用閉包就可完全避免，改寫如下
復(fù)制代碼 代碼如下:
var msgalert="test";
function dalayAlert(msg ,time){
setTimeout(
TestAlert(msg),
time
);
}
function TestAlert(msg)
{
alert(msg)
}
$(document).ready(function () {
$("#btnCancel").click(function (e) {
dalayAlert(msgalert,1000)
});
})
由于使用了閉包，也簡(jiǎn)單了很多，檢查錯(cuò)誤也很容易了
您可能感興趣的文章:
- Js setInterval與setTimeout(定時(shí)執(zhí)行與循環(huán)執(zhí)行)的代碼(可以傳入?yún)?shù))
- 定時(shí)器(setTimeout/setInterval)調(diào)用帶參函數(shù)失效解決方法
- js 定時(shí)器setTimeout無(wú)法調(diào)用局部變量的解決辦法
- Javascript的setTimeout()使用閉包特性時(shí)需要注意的問題
- js使用setTimeout實(shí)現(xiàn)定時(shí)炸彈的方法
- JavaScript setTimeout使用閉包功能實(shí)現(xiàn)定時(shí)打印數(shù)值
相關(guān)文章
Bootstrap編寫一個(gè)兼容主流瀏覽器的受眾巨幕式風(fēng)格頁(yè)面
這篇文章主要介紹了Bootstrap編寫一個(gè)兼容IE8、谷歌等主流瀏覽器的受眾巨幕式風(fēng)格頁(yè)面，感興趣的小伙伴們可以參考一下2016-07-07
promise和co搭配生成器函數(shù)方式解決js代碼異步流程的比較
這篇文章主要介紹了promise和co搭配生成器函數(shù)方式解決js代碼異步流程的比較，在es6中引入的原生Promise為js的異步回調(diào)問題帶來了一個(gè)新的解決方式co模塊搭配Generator函數(shù)的同步寫法，更是將js的異步回調(diào)帶了更優(yōu)雅的寫法。感興趣的小伙伴們可以參考一下2018-05-05
JavaScript實(shí)現(xiàn)動(dòng)態(tài)高度過渡的3種方式總結(jié)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)動(dòng)態(tài)高度過渡的3種方式,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-01-01 
postcss-pxtorem實(shí)現(xiàn)頁(yè)面自適應(yīng)的原理解析
postcss-pxtorem是一個(gè)PostCSS插件,用于將CSS中的像素值轉(zhuǎn)換為rem單位,以實(shí)現(xiàn)響應(yīng)式布局和適配不同屏幕尺寸的需求,本文給大家介紹postcss-pxtorem實(shí)現(xiàn)頁(yè)面自適應(yīng)的原理解析,感興趣的朋友一起看看吧
2023-12-12 
JavaScript中innerHTML，innerText，outerHTML的用法及區(qū)別
在javascript中如果我們要獲取對(duì)象內(nèi)容，js為我們提供了三種方法outerhtml、innerhtml和innertext,但他們之間具體怎么使用與具體的區(qū)別在哪里，可能很多人不知道吧，接下來跟著小編一起來學(xué)習(xí)innerHTML，innerText，outerHTML的用法及區(qū)別吧。
2015-09-09 
利用js讀取動(dòng)態(tài)網(wǎng)站從服務(wù)器端返回的數(shù)據(jù)
這篇文章主要介紹了利用js讀取動(dòng)態(tài)網(wǎng)站從服務(wù)器端返回的數(shù)據(jù),需要的朋友可以參考下
2014-02-02 
本文主要分享了基于js實(shí)現(xiàn)的輪播效果的實(shí)例代碼，具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2016-12-12 
js?剪切、復(fù)制、粘貼功能實(shí)現(xiàn)
Navigator.clipboard?API可以用來訪問系統(tǒng)剪貼板，可以實(shí)現(xiàn)【剪切、復(fù)制、粘貼】功能。該?API?被設(shè)計(jì)用來取代使用?document.execCommand()?的剪貼板訪問方式，不兼容?IE
2023-05-05 
QTreeWidget中MainWindow窗體中布局器不起作用詳解
本文主要介紹了QTreeWidget中MainWindow窗體中布局器不起作用詳解，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-04-04