使用 TypeScript 扩展元素原型

Posted 2023-03-13

【中文标题】使用 TypeScript 扩展元素原型

【英文标题】：Extend Element prototype using TypeScript

【发布时间】：2016-10-23 19:11:06

【问题描述】：

鉴于下面的 javascript，是否有相应的 TypeScript 来做同样的事情？

我只需要扩展 html dom 元素原型，但无法找出正确的 TypeScript 来执行此操作而不会出现编译错误。

Element.prototype.astyle = function actualStyle(props) 
    var el = this;
    var compStyle = window.getComputedStyle(el, null);
    for (var i = 0; i < props.length; i++) 
        var style = compStyle[props[i]];
        if (style != null) 
            return style;
        
    
    return null;
;

【参考方案1】：

你需要先使用接口来扩展元素。

interface Element
    astyle(props:string[]);

【讨论】：

确保将其放入与tsconfig.json 位于同一文件夹的.d.ts 文件中