iT邦幫忙

2021 iThome 鐵人賽

DAY 30
0
Modern Web

初學者跪著學JavaScript系列 第 30

初學者跪著學JavaScript Day30 : 初學者跪著學JavaScript 到微蹲了嗎

說總結前再簡單複習Promise、 Async、 生成器

Promise

new promise的callback function 參數是reslove、reject function

外面能使用promise物件可以使用then() methods

then 使用function 可以接reslove()、reject()傳出來的值

另一種方式reject可以使用catch()

const promise = new Promise((resolve, reject) => {
    resolve('我是reslove');
    reject('我是reject');
});
promise.then(
    //resolve
    (resolve) => console.log(resolve + '耶成功'),
    //reject
    (reject) => console.log(reject + 'QQ被拒絕')
);

Async

Async + await promise

async function 裡面放 await+Promise物件的表達式

錯誤可以用try catch捕捉

function myPromise(){

    return new Promise(){

        }
}
async function temp(){

    try{
         await myPromise();
    
    }catch(error){
    
    } 
}

生成器

function* aaa(){}
function內使用yield,可以暫停
使用next()再繼續開始,()內可以放參數傳到生成器內

function* generator(){

    let x = yield '123'
    console.log(x) //x收到wendy
    yield '456'
    return "value:不要undefined"
}


let mygen = generator()
mygen.next()
mygen.next('wendy')
mygen.next()

總結

終於完賽了,很充實的一個月

開賽前十天開始思考要寫什麼?

一開始還抱持著我不要寫原型鏈、生成器、promise、this,覺得很難做不到,開賽第三天想法稍微轉變,既然都要花時間就寫不會的、沒學過或自己好奇的。

通過這三十天強迫自己每天學習新知識,這期間比想像中學到更多,尤其在寫文章時更能找到自己不熟或觀念不清楚的地方,此時會再重新惡補但缺點就是每天都很焦慮,尤其讀了十幾篇文章還不能理解時,感覺要出大事了,還好有同學們的幫忙都能讓我長知識。

謝謝工作室的大家

也謝謝我阿公,好幾篇文章都是在他眼睛注視之下完成,每次都說字那麼小看得到嗎XD

能撐過三十天我絕對不會說是葉黃素跟合力他命的功勞

最後初學者跪著學JavaScript 到微蹲了嗎??當然還沒,路還很長呢

總整理:

天數 標題
Day 1 Day1
Day 2 Day2
Day 3 變數Variable、宣吿var
Day 4 宣告:let、const
Day 5 資料型別:Primitive values 和 Non-primitive values
Day 6 Template literals 和 Tagged template 傻傻分不清楚
Day 7 資料型別 : Symbol
Day 8 資料型別:BigInt
Day 9 讓我困惑的Literals
Day 10 Expressions 表達式/運算式 和Statement 述句
Day 11 運算子的優先順序
Day 12 麻煩的JS加法
Day 13 物件加字串?物件加物件?
Day 14 創建Array 四種方式
Day 15 陣列中沒被定義的空值(empty item)
Day 16 陣列Array 迭代的小小秘密
Day 17 物件:new Set()
Day 18 物件:new Map()
Day 19 原型畢露(上)
Day 20 原型畢露(中
Day 21 原型畢露(下)
Day 22 我要原型繼承,constructor又不走丟
Day 23 閉包簡單用
Day 24 原型不會,但你還有class
Day 25 寧願找this也不碰歷史
Day 26 認識生成器,chris不生氣
Day 27 渣男給不完的promise
Day 28 學迭代,學習不等待
Day 29 async 和 await
Day 30 初學者跪著學JavaScript 到微蹲了嗎

也推薦夥伴們寫的文章,每篇文章都是嘔心瀝血的成果

手把手帶你練習JS語法的 從零開始的JS學習之路
每篇都是寶藏的 前端藏寶圖
讓你把JS當美食食用的 舌尖上的JS
用創意故事帶你認識 JS 追求JS小姊姊30天

也謝謝那個只存在結語但沒有參加鐵人賽的Ray同學


到了最後一天,我把這三十天期間畫的下跪圖弄成愛心牆
愛心牆參考:lulu_meat 大大的明天是女友的生日卻忘記準備禮物? 教你三秒做出愛心照片牆
使用JS、CSS做出來的

最後在同學們和danny的幫助下完成炫炮愛心

是不是超炫的啊~


上一篇
初學者跪著學JavaScript Day29 : async 和 await
系列文
初學者跪著學JavaScript30
0
南國ㄟ安迪
iT邦新手 5 級 ‧ 2021-10-15 18:10:19

說總結前再簡單複習Promise、 Async、 生成器

我覺得可以放到D31

恭喜完賽啊,要不要出貼圖啊XD

wendy iT邦新手 5 級 ‧ 2021-10-16 16:39:10 檢舉

最後一刻也要複習(逼迫自己
你先說你要買幾組

0
Chiahsuan
iT邦新手 5 級 ‧ 2021-10-15 18:14:03

感覺要出大事了

超 Wendy 語氣~~~
必看你的文章惡補觀念/images/emoticon/emoticon12.gif
感謝你探索那些神秘的領域~~~

wendy iT邦新手 5 級 ‧ 2021-10-16 16:40:20 檢舉

哈哈哈發現錯誤要跟我說喔 立馬修改

0
Hooo
iT邦新手 5 級 ‧ 2021-10-15 18:22:19

恭喜完賽 支持出貼圖!

wendy iT邦新手 5 級 ‧ 2021-10-16 16:41:12 檢舉

sherry同學你要和andy同學要各買幾組?你們說說看

我要留言

立即登入留言