javascript - Redux的dispatch()中的[[Scopes]]是什么

我正在使用redux和react。这使得分派(dispatch)可以作为组件中的 Prop 使用。因此，当我console.log(this.props)时，我在日志中的调度键下看到以下对象。

[[Scopes]]: Scopes[5]
   0:Closure
   1:Closure
   2:Closure (createThunkMiddleware)
   3:Closure
   4:Global

有人可以解释一下这是什么吗？

最佳答案

[[Scopes]]是Chrome开发人员工具在C++中内部添加和使用的私有(private)属性here in the source。它显示函数范围内的变量，即可以从该函数访问哪些变量。

例如:

function a() {
  var foo = 'foo';
  var obj = {
    bar: function () {
      return foo;
    }
  };
  console.log(obj);
}
a();

在这里，附加到属性obj.bar的函数在其作用域内具有变量foo，因此当我们检查[[Scopes]]的obj.bar属性时，我们会看到类似

[[Scopes]]: Scopes[2]
0: Closure (a)
  foo: "foo"
1: Global
  (all global variables)

您可以在控制台中手动检查这些属性，这可能有助于调试，但是您不能使用JavaScript来访问它们，也不必在应用程序代码中关心它们。

另请参阅:SO - Access function location programmatically。