如何在 Typescript 中转换 javascript 中“参数”的使用

Question

我有一个数组。我想添加一个在数组上调用 push 时调用的方法。

如何在打字稿中写出来？

我试过了：

 addEvent(myArray) {
    let _this = this;
    myArray.push = function() {
        Array.prototype.push.apply(myArray, arguments);
        _this.onAddItem(arguments);
    };
}

它给出一个编译时错误：提供的参数与调用目标的任何签名都不匹配，预期为 0，用两个调用。

我不明白它在说什么。

Answer 1

不是使用arguments，而是使用更多的 TS 方法（通常是更好的 ES2015 方法）是使用休息参数。我不完全确定您要做什么，但您可以使用这样的休息参数：

addEvent(myArray) {
   // use an arrow function so you can avoid creating _this
   myArray.push = (...args: any[]) => {
        Array.prototype.push.apply(myArray, args);
        this.onAddItem(arguments);
    };
}

然后你可以像这样拨打addEvent：

let arrayLikeObject = new SomeObjecct();
myObj.addEvent(arrayLikeObject);

arrayLikeObject.push(1, 2, 3);

但是，这种方法有些地方不太对劲。使用 TS，您应该在参数上提供更严格的类型注释。 myArray 是什么类型？它接受什么类型的参数？这应该明确说明。如果事实证明它可以接受多种类型，那么这也表明设计不佳。

---

编辑

现在我知道你要做什么了，我可以看到函数声明应该更像这样：

    (myArray as any[]).push = (...args: any[]): number => {
        Array.prototype.push.apply(myArray, args);
        this.onAddItem(arguments);
        return myArray.length;
    };