身為一個後端工程師，JS 一直是筆者的痛，但現在有了 TypwScript，筆者覺得不能再逃避前端了，所以前端看了網路上的免費 PDF 電子書，雖然是英文，但只有84頁。看完後總覺得有些地方似乎沒講到，於是又買了一本中文電子書，觀念才算比較清楚，以下是筆者個人的筆記，方便以後速查。

一個的迴圈跟 if-else，這邊跳過，直接講 class 跟 interface。

interface ITest {
    F1: string,
    F2: number,

    TestMethod(a1: string, a2: number)
};

class TestClass implements ITest {
    public F1: string;
    public F2: number;

    public TestMethod(a1: string, a2: number): void {
        console.log(a1 + a2.toString());
    }
}

abstract class AClass {
    public abstract Method1(): void;
    public Method2(): string {
        return "Hello";
    }
}

class BClass extends AClass {
    public Method1(): void {
        console.log(super.Method2());
    }
}

接下來是比較常用到的 JSON 與字串間的互相轉換。

let strArray: string[] = ["aaa3", "aaa2", "aaa1"];
for (var i = 0; i < strArray.length; i++) {
    console.log(strArray[i]);
}

let jsonObj = {
    "name": "aaa3",
    "age": 19
};

let jsonStr: string = JSON.stringify(jsonObj);
console.log(jsonStr);
let otherJsonObj = JSON.parse(jsonStr);
console.log(otherJsonObj.age);

參考資料