第一种方式:
var a = 0;
setTimeout(DoSomething(a), 1000);
function DoSomething(a) {
a = $(window).width();
}
第二种方式:
setTimeout(DoSomething, 1000);
function DoSomething() {
var a = $(window).width();
}
哪一种方法更好?
您打算以后再次使用"a"作为参考吗?
在函数内部创建的变量只存在于该函数内部。一旦该函数完成,它将被销毁。
function something(){
var a = 1;
}
alert(a);
//This will trigger an alert box with nothing in it, or 'undefined'
在任何函数之外创建变量都会使其成为全局变量。全局变量可以被任何其他函数访问和设置。
var a;
function something(){
a = 10;
}
alert(a);
//This will trigger an alert box with '10' being displayed
所以这真的取决于你是否想要再次使用在该变量中设置的数据,或者如果它是一个"一次性"使用变量
Javascript是函数作用域,所以在第一种方式中,a
是全局定义的,而在第二种方式中,它是在函数DoSomething
的作用域中定义的。还要注意,在第一个方法中,您错误地调用了DoSomething
。不是在超时之后调用它,而是立即调用它,并将它的结果(在本例中什么都没有)作为函数参数输入传递给setTimeout。正如Hogan在评论中所说,您需要setTimeout(function () { DoSomething(a); }, 1000);
一般来说,应该避免在全局作用域中定义变量,而应该尝试在函数中定义它们。您可以使用jQuery在文档就绪时执行此操作:
$(function() {
var a;
var DoSomething = function() {
a = $(window).width();
}
setTimeout(DoSomething, 1000);
};
两者都可以,重要的是范围和上下文。如果您需要变量a
不仅可以被函数访问,还可以使用第一个示例。如果您只希望a
对函数可用,并且只有该函数可用,则第二种方法是正确的。
您需要了解变量作用域,以便更好地理解这两种情况的区别。