JavaScript 函数变量范围答案

【问题标题】：JavaScript function variable scopeJavaScript 函数变量范围
【发布时间】：2016-08-15 05:25:56
【问题描述】：

在下面的代码中，为什么我可以访问变量x.b？它不应该有一个本地范围吗？

代码

function x() {
    var a = 3;
}


x.b = 8;

console.log(x.a);
console.log(x.b);

输出

undefined
8

【问题讨论】：

【解决方案1】：

当您使用var 在x 的构造函数中声明a 时，a 被标记为私有，但是当您使用x.b 时，您实际上是在说 - 将属性 b 添加到对象x。

因此，当您执行x.b 时，从技术上讲，您正在访问对象x 的属性b，即8。

【讨论】：

【解决方案2】：

Javascript 将 x.b 视为一个全局对象。所以你甚至可以在函数内部访问它：

x.b = 8;
function x() {
    var a = 3;
    alert(x.b)
}
x();
console.log(x.a);
console.log(x.b);

但请确保在函数声明之前指定 x.b。

而对象 a 是在函数 x() 中指定的，这使它成为私有的，这就是为什么你会得到 console.log(x.a); 的未定义结果的原因；

如果你这样写：

a = 5;
function x() {
    var a = 3;
}
x.b = 8;

alert(a);
alert(x.b);

你会得到如下结果：

5
8

对于 javascript a 和 x.a 是两个独立的对象。

【讨论】：

【解决方案3】：

您已将 x.b 定义为 8，它成为一个全局变量。这意味着您可以从任何地方访问它。

所以 x() 是一个有自己作用域的函数。因此，您无法以上述方式访问函数范围内的变量。但是，您可以通过执行此操作并调用 x 函数来访问“a”。

function x() {
  var a = 3;
  return a;
}

【讨论】：