1、接口

讓我們開發(fā)這個示例應用。這里我們使用接口來描述一個擁有firstName和lastName字段的對象。 在TypeScript里，只在兩個類型內部的結構兼容那么這兩個類型就是兼容的。 這就允許我們在實現(xiàn)接口時候只要保證包含了接口要求的結構就可以，而不必明確地使用 implements語句。

interface Person {
    firstName: string;
    lastName: string;
}

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

let user = { firstName: "Jane", lastName: "User" };

document.body.innerHTML = greeter(user);

2、for... in...

for...in 語句用于一組值的集合或列表進行迭代輸出。

var j:any; 
var n:any = "a b c" 
 
for(j in n) {
    console.log(n[j])  
}

3、for…of 、forEach、every 和 some 循環(huán)

此外，TypeScript 還支持 for…of 、forEach、every 和 some 循環(huán)。
for...of 語句創(chuàng)建一個循環(huán)來迭代可迭代的對象。在 ES6 中引入的 for...of 循環(huán)，以替代 for...in 和 forEach() ，并支持新的迭代協(xié)議。for...of 允許你遍歷 Arrays（數(shù)組）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的數(shù)據(jù)結構等。

//TypeScript for...of 循環(huán)
let someArray = [1, "string", false];
 
for (let entry of someArray) {
    console.log(entry); // 1, "string", false
}

//

4、TypeScript every 循環(huán)

let list = [4, 5, 6];
list.every((val, idx, array) => {
    console.log(val); // 1, "string", false
    // val: 當前值
    // idx：當前index
    // array: Array
    return false; // Continues
    // Return false will quit the iteration
});

5、while 循環(huán)

var num:number = 5; 
var factorial:number = 1; 
console.log(num, "Num")
while(num >=1) {
    factorial = factorial * num; 
    num--; 
    console.log(num)
} 
console.log(num, "globNum")
console.log("5 的階乘為："+factorial);