TypeScript入門知識四（表達式和循環）

一，箭頭表達式

　　用來聲明匿名函數，消除傳統匿名函數的this指針問題

　　//單行的話能夠省略{}，多行的不能省。

　　var sum = (arg1,arg2)=> arg1+arg2;

　　//定義一個午飯函數

　　 var doSomething = () =>{

　　　　console.log("hahahha");

　　}

　　//返回偶數 

　　var array = [1,2,3,4]
　　console.log(array.filter(value => value % 2 == 0));

　　//,消除傳統匿名函數的this指針問題

　　JavaScript函數

　　function getStock(name: string) {

　　　　this.name = name;

　　　　setInterval(function () {

　　　　　　console.log("name is "+this.name);

　　　　},2000);

　　}

　　var stock =new getStock("IBM");

　　輸出結果：

　　name is

　　//改用TypeScript

　

　　function getStock(name: string) {

　　　　this.name = name;

　　　　setInterval(()=>{

　　　　　　console.log("name is " +this.name);

　　　　},1000);

　　}

　　var stock =new getStock("IBM");

　　輸出結果：

　　name is IBM

二，循環forEach（），for in 和for of

　　1.forEach()，只會打印集合中的值，不會打印數組的屬性值。不能用break，跳出這個循環。

　　　　var myArray = [1, 2, 3];
　　　　myArray.dsc = "hahahhahha";//TypeScript不支持這種寫法
　　　　myArray.forEach(value => console.log(value));

　　　　輸出結果：

　　　　1

　　　　2

　　　　3

　　2.for in ,原理是循環鍵值對。

　　　　var myArray = [1, 2, 3];
　　　　myArray.dsc = "hahahhahha";//TypeScript不支持這種寫法
　　　　for (var n in myArray) {
　　　　　　console.log(n);
　　　　}

　　輸出結果：

　　0

　　1

　　2

　　dsc

　　若是你想打印對應的值，能夠這樣寫

　　　　var myArray = [1, 2, 3];
　　　　myArray.dsc = "數組描述";//TypeScript不支持這種寫法
　　　　for (var n in myArray) { 
　　　　　　console.log(myArray[n]);
　　　　}

　　輸出結果：

　　　　1

　　　　2

　　　　3

　　　　數組描述

　　3.for of跟forEach（）區別在於能夠break，跳出這個循環。循環的是值而不是鍵。

　　　　var myArray = [1, 2, 3];
　　　　for (var n of myArray) {
　　　　　　console.log(n);
　　　　}

　　　　輸出結果：

　　　　1

　　　　2

　　　　3