下面的代码片段是什么意思？

Question

我试图理解语法，但对我来说这一切都是新的。我在匿名函数中看到一个匿名函数，后面跟着一个逗号和一个类。请帮助我理解语法..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)}})

Answer 1

首先，这是无效的语法：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）。匿名函数以 as 参数执行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。

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