TypeScript實例

interface Person {
    firstName: string,
    lastName: string
}

function greeter(person: Person) {
    return person.firstName + " " + person.lastName;
}

var user = {firstName: 'Jane', lastName: 'User'};
console.log(greeter(user));

 

class Student {
    fullName: string;
    // 構造函數參數中使用public是一種簡寫形式，它將自動創建具有該名稱的屬性
    constructor(public firstName, public middleInitial, public lastName) {
        this.fullName = firstName + " " + middleInitial + " " + lastName;
    }
}

interface Person {
    firstName: string,
    lastName: string
}

function greeter(person:Person) {
    return person.firstName + " " + person.lastName;
}

var student = new Student('Jane', 'M', 'User');
console.log(greeter(student));

生成的js代碼：

 

chrome調試ts文件：