提高 ES2015中最驚豔特性之生成器函式初步

2021-08-01 08:45:37 字數 498 閱讀 6094

我們來設計乙個簡單無比的需求 

比如我要通過簡單的函式來返回 

1.我的名字(zhangsan) 

2.我的年齡(18歲 )

往往我們需要寫2個函式,如function showname/showage 

或者我們通過乙個函式來返回物件

function

showme

();}

但是es2015有了生成器generator

function *showme

()let me = showme();

console.log(me.next().value);//zhangsan

console.log(me.next().value);//18

概念了解 

生成器中最重要的過程就是yield語句。 

而yield的作用是」切出當前函式執行時」(比較難理解,姑且可以理解為從執行緒切換到協程)

解析ES2015中的靜態方法

es2015引入的靜態方法 static關鍵字 和我之前文章中解析的class和constructor一樣,都只是一種語法糖,本質上,與es5中的函式沒有什麼區別。注意,es2015並沒有對靜態屬性的定義。從es2015開始,我們可以使用static關鍵字定義乙個類的靜態方法 class foo f...

解析ES2015中的物件繼承

從es2015開始,我們可以使用extends關鍵字實現物件繼承,使用super關鍵字指向父物件。比如下面的es2015 class fooshow class barextends fooshow var bar newbar 1 jason bar.show 上面 的輸出結果為 子類 父類id ...

ES2015 迭代器模式 Iterator

設計模式 迭代器模式 迭代器設計模式 場景 你和我協同開發乙個任務清單應用 我的 const todolist 你的 for const item of todolist.life for const item of todolist.study 如果我需要在我的todolist 資料列表裡新增資料...