関数はオブジェクト！【Day69 of 100】

本日は計1件のコミットで作業を進めました。内容はCSSの調整です。

引数分のlengthがあり、自分自身の関数名はnameで見れる

関数はオブジェクト！console.dirで見ろ！他関数の書き方

変更ファイル：html_ver/index30.css, html_ver/index30.html, html_ver/index30.js

// セクション５。関数はオブジェクトにすぎない！
function add(a, b) {
    // console.log(a+b);
    return a + b;
}
add(4, 10);
console.log(add(5, 6));
console.log(add.name);
console.dir(add.length);
function abcd(a, b, c, d) {
    return a + b + c + d;
}
console.log(abcd(1, 2, 3, 4));
console.dir(abcd);
console.log(abcd.length);
console.log(abcd.name);

await async

非同期処理。

jsonファイル読み込んでる間も他の処理を進めちゃえってやつ。

async宣言する関数は時間がかかる処理。fetchなど。時間がかかるから読み込みじ即時まずはpromiseを返して次の処理する。

await宣言したそのfetch関数は待ったナシに次の他の処理を進めさせる。

await宣言したjsonファイルの書き出し関数している間も他の処理を進めさせる

結果、これらの処理がコードの上の方に書かれているにも関わらずconsole.logには最後に表示される

オブジェクトのFor inと配列のFor in

forはもう完全に頭に定着した。

for of （配列のみ）　と for in（オブジェクトも配列も）でオブジェクトと配列のループを簡単に作れることが分かった。

今日の成果物 🎉

👉 https://kiyo4810.github.io/autocal/html_ver/index30.html