-4

我试图理解语法，但这一切对我来说都是新的。我在匿名函数中看到一个匿名函数，后跟一个逗号和一个类。请帮助我理解语法..

e => (function(e) {
if ("function" != typeof e.prototype.dispatchEvent) throw new TypeError(`${e} must be an Element type`)
}(e), class extends e {
[i](e, t) {
    n.getService(this).navigateTo(e, {
        replace: t
    })
} [a](e) {
    return n.getService(this).generateUrl(e)
}
})
4

1 回答 1

2

首先，这是无效的语法：NavigationMixin后面应该跟一个等号才有效。

其次，这段代码引用了未定义的变量a和i.

让我们分解一下：

NavigationMixin是一个接受一个参数的函数：e，它应该是一个或继承自 的类/构造函数Element。该函数是一个使用箭头表达式语法的箭头函数，这意味着没有块，也没有返回语句。后面的表达式=>计算返回值。

该表达式由逗号运算符组成。该运算符的左操作数是：

(function(e) {
  if ("function" != typeof e.prototype.dispatchEvent) throw new TypeError(`${e} must be an Element type`)
}(e)

这就是所谓的“立即调用函数表达式”（IIFE）。匿名函数e作为参数执行，它显然用于对e. 该函数不返回任何内容，也不会有用。它的唯一目的是在验证未通过时触发错误。

然后我们转到逗号运算符的第二个操作数：

class extends e {
  [i](e, t) {
    n.getService(this).navigateTo(e, {
        replace: t
    })
  } 
  [a](e) {
    return n.getService(this).generateUrl(e)
  }
})

这是一个类表达式。它在原型上定义了两个成员。这些成员具有计算名称，这就是它们具有以下[]语法的原因： 的值i确定第一个成员的名称，其值是一个函数：

(e, t) {
  n.getService(this).navigateTo(e, {
      replace: t
  })
}

原型上的第二个成员也有一个动态名称，由 的值决定a，它也是一个函数。

最后，逗号运算符计算两个操作数，并忽略第一个的值，并返回第二个的值。因此，整个函数——在执行时——返回一个类，该类使用两个方法扩展给定类，其名称由两个变量a和i.

该代码没有提供关于这两个变量的线索。

于 2020-09-27T21:30:05.653 回答