从静态方法调用 ES5 类方法

Question

我想从一个在没有实例的情况下调用的静态函数中调用一个内部函数，如下所示：

Foo.Bar = function (options) {

    Autodesk.Viewing.Extension.call(this, options);

    ...

    this.innerFunc = function innerFunc(){
      ...
    }
};

Foo.Bar.prototype.constructor =
    Foo.Bar;

Foo.Bar.SomeStaticFunc = function () {
    innerFunc();
}

使用：Foo.Bar.SomeStaticFunc();。

但我得到SomeStaticFunc is not a function。

示例here 为类使用了一个变量，例如var Foo.Bar = function (options) {...，但这与创建类的实例并调用内部函数不一样吗？

let x= new Foo.Bar(options);
x.innerFunc();

还有其他方法吗？

PS：我知道 ES6 类，但我现在不想将这个类迁移到 ES6，因为它不是完全直截了当的。

Answer 1

嗯...您似乎不知道 JavaScript 内部是如何工作的，所以这里有一个快速回顾。 :)

• JavaScript 是 一种面向对象的语言。对象字面量就是对象，数组就是对象，函数就是对象等等。

• JavaScript 不是基于类的语言。你可以说：“嘿，我在 ES6 中看到了 class 和 extends 关键字！”。是的，但这只是语法糖。 JavaScript 不像 Java 那样基于类，它基于原型。

使用 ES5 语法，有两种方法可以创建所谓的“类”：

• 对象字面量
• 构造函数

当您使用对象字面量时，您的类如下所示：

var myClass = {
  myAttribute: "foo",
  myMethod: function () {
    return "bar";
  }
};

当你使用构造函数时，你的类看起来像这样：

function MyClass() {
  this.myAttribute = "foo";
  this.myMethod = function () {
    return "bar";
  };
}

这两种方法之间当然存在差异。使用对象字面量，您有一种 Singleton，其中属性在某种程度上都是静态的。使用构造函数，您可以生成其属性将由 this 关键字引入的实例。示例：

var myInstance = new MyClass();
console.log(myInstance);

此实例将在其自己的属性中包含“myAttribute”和“myMethod”。这意味着这些属性与实例相关联。如果你想调用这个方法，你必须这样做：

myInstance.myMethod();

到目前为止一切都很好......但是我们之前所做的事情有问题。 this.myMethod 将为MyClass 的每个实例一次又一次地创建，并且始终相同。更好的处理方法是将其放入 原型 中，以便所有实例共享：

function MyClass() {
  this.myAttribute = "foo";
}

MyClass.prototype.myMethod = function () {
  return "bar";
};

这好多了，但myMethod 仍然与MyClass 实例绑定...

现在我想创建一个静态方法。根据定义，我们的静态方法将绑定到类，而不是它的实例：

MyClass.myStaticMethod = function () {
  return "baz";
};

很好。在这里，为了实验，我想做这样的事情：

MyClass.myStaticMethod = function () {
  myMethod();
};

这不起作用。为什么？事实上，myMethod 既不存在于给定范围内，也不存在于外部范围内。 myMethod 已在另一个函数（构造函数）中声明，并且没有返回，因此从外部是不可见的。而且这个函数已经放在MyClass的原型里面了。这意味着它在全局范围内不可用，而仅在 MyClass 的实例上可用。当你考虑它时，它是非常合乎逻辑的。例如，当你想调用数组方法（Array.prototype 中的方法）时，这样做是没有意义的：

push('test');
reverse();
includes('a');

您必须在数组（Array 的实例）上调用这些方法。

[].push('test');
['foo', 'bar', 'baz'].reverse();
['a', 'b'].includes('a');