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 IS 是面向对象的语言。对象文字是对象，数组是对象，函数是对象等。
JavaScript 不是基于类的语言。您可以说：＆＃34; 嘿，我在ES6中看到了class和extends个关键字！＆＃34;。是的，但这只是语法糖。 JavaScript不是基于Java这样的类，而是基于原型。

使用ES5语法，有两种方法可以创建所谓的＆＃34;类＆＃34;：

对象文字
构造函数

当您使用对象文字时，您的类看起来像这样：

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);

此实例将具有＆＃34; myAttribute＆＃34;和＃34; myMethod＆＃34;在其自己的属性。这意味着这些属性与实例相关联。如果要调用此方法，则必须执行此操作：

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');

从静态方法调用ES5类方法

1 个答案: