Javascript/ECMAScript 中函数的范围是什么?
-
04-07-2019 - |
题
今天我和一位同事讨论了Javascript中的嵌套函数:
function a() {
function b() {
alert('boo')
}
var c = 'Bound to local call object.'
d = 'Bound to global object.'
}
在这个例子中,试验表明 b 在 a 的主体之外是不可访问的,就像 c 一样。然而,执行a()后d是-。在中查找此行为的确切定义 ECMAScript v.3 标准 , ,我没有找到我要找的确切措辞;Sec.13 p.71 没有说的是,函数声明语句创建的函数对象要绑定到哪个对象。我错过了什么吗?
解决方案
这是静态作用域。函数中的语句在该函数中作用域。
Javascript有一种古怪的行为,但是如果没有 var 关键字,你就暗示了一个全局变量。这就是你在考试中看到的。你的“d”变量是可用的,因为它是一个隐含的全局变量,尽管它是在函数体内编写的。
另外,回答问题的第二部分:函数存在于声明的任何范围内,就像变量一样。
<强>旁注:强> 您可能不需要全局变量,尤其不是隐含变量。建议您始终使用var关键字,以防止混淆并保持一切清洁。
<强>旁注:强> ECMA标准可能不是寻找Javascript答案的最有用的地方,尽管它肯定不是一个糟糕的资源。请记住,浏览器中的javascript只是该标准的一个实现,因此标准文档将为您提供构建javascript引擎时(实际上)实现者遵循的规则。它无法提供有关您关注的实现的特定信息,即主要浏览器。特别是有几本书可以为您提供有关主要浏览器中的javascript实现如何表现的非常直接的信息。为了说明不同之处,我将在下面列出ECMAScript规范和Javascript一书的摘录。我想你会同意这本书给出更直接的答案。
这是来自 ECMAScript语言规范:
10.2 输入执行上下文
每个函数和构造函数调用 甚至进入新的执行环境 如果函数调用自身 递归。每一个回报都会退出 执行上下文。抛出的异常, 如果没有抓住,也可以退出一个或 更多执行上下文。
控制时 进入执行上下文,范围 链创建并初始化, 执行变量实例化, 并确定该值。
在 范围链的初始化, 变量实例化,以及 确定这个值取决于 关于输入的代码类型。
来自 O'Reilly的 Javascript:The Definitive Guide(第5版) 强>:
8.8.1词汇范围
JavaScript中的函数是词法上的 而不是动态范围。这个 意味着它们在范围内运行 他们被定义,而不是范围 他们被执行。当一个 函数定义,当前范围 链被保存并成为其中的一部分 函数的内部状态。 ...
道格拉斯·克罗克福德(Douglas Crockford)的书中强烈建议用于解决这些问题:
JavaScript,The Good Parts http://oreilly.com/catalog/covers/9780596517748_cat.gif
Javascript,The Good Parts ,也来自O奥雷利。
其他提示
据我所知,就范围界定而言,这些是等价的:
function a() { ... }
和
var a = function() { ... }
值得注意的是,虽然 d 被创建为“全局”,但实际上它是作为 window 对象的属性创建的。这意味着您可能会无意中覆盖窗口对象上已存在的内容,或者您的变量实际上可能根本无法创建。所以:
function a() {
d = 'Hello World';
}
alert(window.d); // shows 'Hello World'
但你不能这样做:
function a() {
document = 'something';
}
因为您无法覆盖 window.document 对象。
出于所有实际目的,您可以想象所有代码都在一个巨大的 with(window)
堵塞。
Javascript有两个范围。全球性和功能性。如果使用“var”在函数内声明变量关键字,它将是该函数的本地,以及任何内部函数。如果在函数之外声明变量,则它具有全局范围。
最后,如果在首次声明变量时省略var关键字,则javascript假定您需要一个全局变量,无论您在何处声明它。
所以,你正在调用函数a,函数a正在声明一个全局变量d。
...
function a() {
function b() {
alert('boo')
}
var c = 'Bound to local call object.'
d = 'Bound to global object.'
}
没有前面的 var ,d是全局的。这样做是为了私有:
function a() {
function b() {
alert('boo')
}
var c = 'Bound to local call object.'
var d = 'Bound to local object.'
}