JavaScript

作成日時：2024-08-01以前
更新日時：2025-03-12

マルチスレッド

• 基本シングルスレッド。
• setTimeout,Promiseの実態はシングルスレッド
  • setTimeoutはTask Queue、Promiseはmicro Task Queueに格納され、メインスレッドが空いたら実行。
  • microの方が優先して実行される
• awaitは非同期関数の処理完了を待つだけ。
• マルチスレッドを使いたければWeb Worker使え。
  • そのうちwasmがサポートしてくれるかもね
• 非同期処理はメインスレッドを止めないため。

// API叩く場合の疑似的並列処理
const parallel = async () => {
    const [result1, result2] = await Promise.all([
        fetch('url1'),
        fetch('url2')
    ]);
    const data1 = heavyProcessing(result1);
    const data2 = heavyProcessing(result2);
};

TypeScriptにおける列挙型

enumは使わない方がいいらしい。

const FRUITS = {
  BANANA: ""
} as const;
type FRUITS = (typeof FRUITS)[keyof typeof FRUITS]
export default FRUITS;

JSONを整形する

JSON.stringify(obj, null, “\t”)で見やすく出来る。

JSON.stringify() - JavaScript | MDN

メモ

• JavaScriptのpreventDefault()って難しくない？preventDefault()を使うための前提知識 #JavaScript - Qiita
• 生SQLに型を手書きする時代は終わり？Prismaの新機能「TypedSQL」

JavaScriptのオブジェクト

{data}は{data:data}に等しい

分割代入

const { a } = obj;

配列存在チェック

[1, 2].includes(x);