在 ES5 中，我可以检查窗口对象上是否存在“类”(构造函数):

if (window.MyClass) {
... // do something
}

在 ES6 中，according to this article ，全局声明的类是全局的，但不是全局对象的属性(window，在浏览器上):

But there are now also global variables that are not properties of the global object. In global scope, the following declarations create such variables:

• let declarations
• const declarations
• Class declarations

所以如果我不能使用 if (window.MyClass)，有没有办法做到这一点？

实际上有没有不使用窗口对象的正确方法来做到这一点？

最佳答案

In ES5, we could wheck the existence of a class on the window object

仅当构造函数是全局函数时，这是不好的做法。

In ES6, according to this article, globally-declared classes are globals, but not properties of the global object...

正确。 (同样适用于全局范围内的 let 和 const 声明。)这在 §8.1.1.4: Global Environment Records 中定义。 :

A global Environment Record is logically a single record but it is specified as a composite encapsulating an object Environment Record and a declarative Environment Record. The object Environment Record has as its base object the global object of the associated Realm. This global object is the value returned by the global Environment Record’s GetThisBinding concrete method. (E.g., the global object referenced by window on browsers — T.J.) The object Environment Record component of a global Environment Record contains the bindings for all built-in globals (clause 18) and all bindings introduced by a FunctionDeclaration, GeneratorDeclaration, or VariableStatement contained in global code. The bindings for all other ECMAScript declarations in global code are contained in the declarative Environment Record component of the global Environment Record.

(我的重点) 因此，过去在 ES5 和更早版本中对全局对象进行的操作仍然有效(加上生成器，因为如果不这样做会更加困惑)，但是新东西(let、const 和class 声明)不要。它们是全局变量，但不是全局对象的属性。

回到你的问题...

So if I can't use if (window.MyClass), is there a way to do the same?

你可以使用

if (typeof MyClass === "function") {

...因为无法解析的符号上的 typeof 不会抛出 ReferenceError。这也有检查 MyClass 是否在代码范围内的优点，即使它不是全局的。

不过这里有一个陷阱:如果该代码在 MyClass 通过 class (或 let 或 const) 但它在之上 MyClass 在该范围内，即使是 typeof 检查也会抛出 ReferenceError，因为您无法访问它在 class(或 let 或 const)。

例如，这将抛出:

if (typeof MyClass === "function") {  // ReferenceError here
    // Yup, it's defined
    // ...
}
// ...
class MyClass {
}

从范围开始到 class、let 或 const 行的空间称为 时间死区 (TDZ) 并且您根本无法访问变量绑定(bind)。因此，您必须捕获 ReferenceError:

let exists = false;
try {
    exists = typeof MyClass === "function";
} catch (e) {
}

Actually is there a proper way to do this without using window object ?

在 JavaScript 模块获得广泛的浏览器支持之前，有两种方法:

1. 使用某种异步模块定义库来处理模块加载。一些示例:RequireJS、SystemJS、CommonJS

2. 有一个单一的全局变量，您将使用它来引用一个对象，并使您的各种应用程序成为该对象的全局属性。这是执行此操作的典型方法:

   var MyApp = MyApp || {};
   if (!MyApp.ThisModule) {                  // You can leave this `if` out
                                             // if there's no chance of the file
                                             // being loaded more than once
       MyApp.ThisModule = function(module) {
           module.MyClass = class MyClass {
               // ...class definition here...
           }
       }({});
   }
   

这也为您提供了一个方便的作用域(匿名函数)，可以在其中放置任何模块级全局变量。

关于javascript - ES6 类 : what about instrospection?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30321636/