我是 Javascript 的新手,对函数声明的工作方式感到困惑。我对此做了一些测试并得到了一些有趣的结果:
say();
function say()
{
alert("say");
}
前向声明有效并弹出“say”
对面
say();
say = function()
{
alert("say");
}
没用,虽然它也声明了一个函数对象
如果我们声明函数并在之后重新声明:
function say()
{
alert("speak");
}
say();
function say()
{
alert("say");
}
我得到的是“说”而不是“说”。太惊喜了!
好的。似乎只有最新的函数声明有效。然后让我们先声明函数对象,然后声明一个“常规”函数:
say = function()
{
alert("speak");
}
say();
function say()
{
alert("say");
}
say();
另一个惊喜,是“speak”接着是“speak”。 “常规”函数声明根本不起作用!
是否有所有的解释?而且,如果“常规”函数声明真的那么“脆弱”并且可以很容易地被具有相同名称的函数对象覆盖,我应该远离它吗?
另一个问题是:仅使用函数对象格式,前向声明是否变得不可能?有什么方法可以在 Javascript 中“模拟”它吗?
最佳答案
Javascript 是这样工作的:
文档被解析,function
声明在执行实际语句之前立即被考虑在内。这解释了你的第一个例子。
如果您将函数分配给局部变量,那是在执行期间完成的,因此您不能在第二个示例中使用该方法。
你体验到的是,如果你声明一个函数两次,最后一个将被整个应用程序使用。这是你的第三个例子。
这些函数是 window
对象的成员,它们实际上是全局声明的。如果将局部变量分配给函数的值,则该局部变量优先于 window
对象中的成员。如果 javascript 找不到局部变量,它会在范围内向上搜索以找到它,window
对象是最后的手段。这就是你上一个例子中发生的事情,它有一个变量 say
比全局函数 say
更具体。
如果您要在运行时重新声明 say
,即交换上一个示例中的声明顺序,那么您会看到您期望的两种不同的警报:
say(); //speak, the global function
function say() {
alert('speak');
}
var say = function() {
alert('say');
}
say(); //say, the declared local variable
关于javascript - Javascript 中不明确的函数声明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2072685/