`TypeScript`扩展Class/原型对象

• 问题
• 解决
• 示例

问题

用TS时,想扩展一个Class中的函数和变量,却发现没有办法, 直接再次定义一个已存在的class会报错

Duplicate identifier ‘MyClassA’.

真是很奇怪,JavaScript支持扩展property,

C#也有关键字 partial 或用Extension的方式支持扩展class,

TS竟然不支持! (C#和TS可是同一个爹啊!!!)

解决

幸好.d.ts文件支持扩展, 可以在JS中用property写扩展,然后在.d.ts中声明

示例

IE中的Array没有findIndex函数

JS下可以用以下代码添加

if(!Array.prototype.findIndex){
    Array.prototype.findIndex = function(predicateFn,thisArg){
        var len = this.length
        for (var i = 0; i < len; i++) {
            var item = this[i];
            if(predicateFn.call(thisArg,item,i,this)){
                return i
            }
        }
        return -1
    }
}

然后在.d.ts中使用以下代码

interface Array<T> {
    findIndex(predicateFn: (item: T, index?: number,
      arr?: T[]) => boolean, thisArg?: any): number
}

TS中使用

        var arr = [
            {key:'a',data:97},
            {key:'b',data:98},
            {key:'c',data:99},
            {key:'d',data:100},
            {key:'e',data:101},
            {key:'f',data:120},
        ]
        var index = arr.findIndex((item)=>{
            return item.key=='c';
        })
        console.log("[debug] index:",index) //  [debug] index: 2