首頁猿問下面的代碼片段是什么意思？

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

JavaScript

夢里花落0921 2023-04-01 17:23:36

我試圖理解語法，但對我來說這一切都是新的。我在匿名函數中看到一個匿名函數，后面跟著一個逗號和一個類。請幫助我理解語法..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)}})

查看完整描述

1 回答

Helenr

TA貢獻1780條經驗獲得超4個贊

首先，這是無效的語法：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。

該代碼沒有提供有關這兩個變量的線索。

反對回復 2023-04-01

1 回答
0 關注
143 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

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

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

1 回答

添加回答

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

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