javascript 函数是对象吗？

Question

我在 Javascript 问题上苦苦挣扎了一段时间，但在网上找不到解释。我想这是因为我没有输入正确的关键字，这也可能与我为此苦苦挣扎的原因有关。

我的基本假设是可以改变对象：

> var x = {'n': 2};
> x['n']
2
> x['n'] = 3;
3

唷，这有效。但仍然（函数也是对象）：

> var addn = function(a) {
    var n = 2;
    return n + a;
}

> addn(3);
5
> addn['n'] = 3;
3
> addn(3);
5

这次我无法更改“n”。有没有办法在保持功能性风味的同时解决这个问题？而不是完全面向对象。我遇到的一个相关问题是如何维护函数的依赖关系以进行测试——同样不需要面向对象？当然，我正在寻找解决方案，但如果可能的话，我还想了解 Javascript 中的哪种机制让我陷入困境。

干杯，

马克

免责声明： 通过提及面向对象，我并不是有意反对面向对象。我也无意说任何反对 VI 或 Emacs 的话。如果我以某种方式伤害了你的感情，请跳过这一点。

Answer 1

函数作用域中的私有变量和对象的属性是两个截然不同的东西。该函数内部的 var n 完全无法从该函数外部访问。

因此，在该代码运行后，addn.n == 3，但每次函数运行时都会初始化设置为 var n 的不同值。由于 javascript 的怪癖，函数无法真正轻松地访问它自己的属性。相反，通过传入参数 function(n, a)

或使用对象来实现类似的功能，可以更好地实现此模式。

var adder = {
  n: 0,
  addn: function(a) {
    return this.n + a;
  }
};

adder.n = 5;
adder.addn(2); // 7

Answer 2

如果我正确理解你的问题，你可以为你的匿名函数命名并通过它访问函数对象的属性：

var addn = function func(a) {
  return func.n + a;
};

addn['n'] = 3;
addn(3); // returns 6

Answer 3

对象属性和局部变量在很大程度上不相关：

• var n 声明一个变量，该变量是
  作用域为它所在的函数（即
  在那之外是不可见的
  函数（通过闭包除外））。

• addn['n'] 添加名为 n 的属性
  到 addn 并相当于
  addn.n

Answer 4

由于 JavaScript 具有函数作用域，因此您可以使用函数来存储 n 的值，如下所示：

var addn = (function(n) {
  return function(x) {
    n += x;
    return n;
  }
}(2);

addn(3) // 5
addn(3) // 8

Answer 5

最好完全忘记 Javascript 领域中“对象”的传统 OO 概念，并从闭包的角度进行思考。我强烈建议阅读 jQuery 的创建者 John Resig 撰写的本教程。

Answer 6

首先，您不会通过执行以下操作来更改函数变量：

addn['n'] = 3;

您定义的函数没有任何名称（也称为“匿名函数”）。您只需将该函数分配给一个名为addn的变量即可。变量没有任何属性 - 它只是一个容器（除非变量引用数组）。所以 addn['n'] 什么也不返回。

正如用户 casablanca 所指出的，您可以将函数命名为 func，然后访问（和修改）其属性为 func。func。属性名称>。

Answer 7

每个函数都有一个范围，基本上是函数被调用的位置/方式。当函数被调用时，它会创建一个新的函数执行上下文，并将其推送到调用堆栈上；在语言读取该行/语句之前，该上下文中不存在任何内容，而在调用函数之前不会发生这种情况。

您所做的是将一个值分配给函数的 PROPERTY，而不是访问该范围内的变量 n。

您无法从外部作用域访问内部作用域，因为外部作用域不存在内部作用域但是您可以从外部作用域访问外部作用域内部作用域，因为外部作用域存在于内部作用域中。

另外，这里有一点仅供参考。

JavaScript 是基于原型的；不基于class。 JavaScript 中的一切都是对象，甚至是函数。阅读本文以了解更多关于原因的信息（这是 Quora 上的一篇很好的文章） - https://www.quora.com/Why-is-function-an-object-in-Javascript

Answer 8

基本上，Javascript 中的一切都是对象。如果您说

var a=3;
a['n']=4;

对“a”的引用仍将返回 3，但 a 也有一个值为 4 的成员“n”。因此，当您说 addn['n'] = 3 时，您正在添加一个添加新成员，并且不会以任何方式影响功能。

我强烈建议阅读 良好的 C 习惯如何会鼓励不良的 JavaScript 习惯。 在描述所有可能做错的事情时，这是对 Javascript 中对象工作方式的一个很好的介绍。