Typescript實踐

簡述

近期項目重構中引入了typescript，爲了利用ts提供的靜態類型解析以更好的維護規模龐大的公司項目。與此同時，一邊學習，一邊記錄一些值得寫下來的東西。

小問題

1. 聲明一個二維數組接口

data: Array<Array<any>>;
複製代碼

2. 處理使用this屬性而致使eslint發出的警告

解決方法：未找到禁止檢驗的規則，可經過三方工具庫，如lodash來獲取屬性。

const x = _.get(this, 'x');
複製代碼

方法2：

function(this: any) {
    console.log(this.x)
}
複製代碼

3. 參數中須要一些不肯定的內容

interface Params {
    name: string;
}

function func(params: Params) {
    return params.name + params.x   
}

// 能夠這樣改造接口
interface Params {
    name: string;
    [propName: string]: any;
}
// 這被稱爲：索引簽名
複製代碼