ts遵循es6語法，也是js以後發展的方向，學好ts對於以後都有幫助。

1.字符模板

以前對這個方法認知的還是太少了，直接上代碼吧。

var n1 = ‘1‘;
var n2 = ‘2‘;
var n3 = ‘3‘;
var fn = function(){
    return 4
}

//這個時候函數也是可以返回的

console.log(`返回${n1},${n2},${n3},和函數${fn()}`)
返回：返回1,2,3,和函數4

函數中使用

function demo(str,str2,str3){
    console.log(str)
    console.log(str2)
    console.log(str3)
}
 
var str = 1;
var str2 = 2;
var str3 = 3;
//調用
demo`測試${str}${str2}${str3}`；

//第一個參數就是傳入的字符串，然後按照順序打印，str3這個時候就沒有了

數組和對象在字符模板的中使用方法

var obj = {
  name:"lojze",
  age:"18"    
}

console.log(`打印一個對象${obj}`);

//返回  打印一個對象[object Object]

正確的使用方式

console.log(`${JSON.stringify(obj)}`)

//返回

{"name":"lojze","age":"18"}
 

數組！

var arr= [1,2,3,4];

console.log(`${arr}`)

2. * yield

該方法作用就是控制程序的開始停止，使用`netx()`控制，一幀一陣的運行下去。

這樣說，可能對一些人來說不知道他到底能幹啥？

假設這個時候有個場景，吃飯之前都要搶個紅包，對吧，只有固定點擊的人才可以搶到紅包，這個時候，我們就可以使用yield。

//第5個人才能搶到
var active = 5;

//已經當前有10個人在搶這個紅包
var max = 10;
var maths = start(max);

//創建一個隨機人數方法
function* start(max) {
 
//假設有 1 -10 個人在搶這個紅包
    while (true) {
//同一時間不知道有多人點擊，設置一個隨機數
    yield max = max - parseInt(Math.random() * 10);
    }
}

while (max > active) {
    max = maths.next().value;
    //為了方便看到有多人點擊
    console.count(max)
}
if (max == 5) {
    console.log(`這個時候可以搶拉${max}`)
} else {
    console.log(`紅包已經被搶完了,你是第${10 -max}個點擊的`)
}

這個列子可以幫助我們理解 * yield 方法，炒股啊，運用的場景還是挺多的。

ts與es6學習記錄