打字稿中重寫XMLHttpRequest.prototype.open失敗

Question

我想在Typescript中重寫XMLHttpRequest.prototype.open，但這對我來說是失敗的，是否有解決方法？

(function(open) {
  XMLHttpRequest.prototype.open = (method, url, async, user, pass) => {
    url = new URL(url);
    if (window["_keycloak"] && window["_keycloak"].token)
      url.searchParams.set('token', window["_keycloak"].token);
    open.call(this, method, url, async, user, pass);
  };
})(XMLHttpRequest.prototype.open);

這是我收到的錯誤消息

[ts]類型'（（方法：任何，網址：任何，異步：任何，用戶：任何，通過：任何）=>無效）不能分配給類型'{（方法：字符串，網址：字符串）：無效； （方法：字符串，URL：字符串，異步：布爾值，用戶名？：字符串，密碼？：字符串）：void; }”。

Answer 1

感謝@Matt的建議，我找到了解決方案。 實際上，如果您查看XMLHttpRequest接口，則會為open方法提供兩種實現

open(method: string, url: string): void;
open(method: string, url: string, async: boolean, username?: string | null, password?: string | null): void;

因此解決方案是通過添加可選參數來覆蓋第一個。 這是最終的解決方案：

(function(open) {
  XMLHttpRequest.prototype.open = (method: string, url: any , async?: boolean, username?: string, password?: string) => {
    url = new URL(url);
    if (window["_keycloak"] && window["_keycloak"].token)
    url.searchParams.set('token', window["_keycloak"].token);
    open.call(this, method, url, async, username, password);
  };
})(XMLHttpRequest.prototype.open);

通過使async，用戶名和密碼成為可選選項可以解決該問題。

Answer 2

如果您查看錯誤消息，則原始XMLHttpRequest.prototype.open的username和password參數是可選的（ ?標記），但是在您的實現中，它們是必需的，因此您的實現與省略那些調用者的類型不兼容。參數。 只需標記您的user並pass可選參數即可。