Use closures to simply encapsulate setTimeout to avoid errors_javascript tips

When writing js scripts, some spelling functions are often used, such as calling setTimeout

Copy code The code is as follows:

var msgalert="test";
function TestAlert(msg)
{
alert(msg)
}

$(document).ready( function () {
$("#btnCancel").click(function (e) {
setTimeout("TestAlert(" msgalert ")",1000);
});
})

After checking for a long time, why the dialog box does not pop up. After checking for a long time, I discovered that a pair of single quotes

was missing. Copy the code The code is as follows:

$(document).ready(function () {
$("#btnCancel").click(function (e) {
setTimeout("TestAlert('" msgalert "')",1000 ; 🎜>


Copy code

The code is as follows:

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)
}) ;
})


Due to the use of closures, it is much simpler and it is easy to check for errors.