2022.12.15目次JavaScript実行前の状態JavaSciptは、ブラウザに装備されているJavaScriptエンジン(ChromeとEdgeはV8)によって実行される。JavaScript実行前には、「グローバルオブジェクト」と「this」が準備される。グローバルオブジェクトグローバルオブジェクトとは、JavaScriptエンジンがあらかじめ準備している、どこからでもアクセス可能なオブジェクト。グローバルオブジェクトの例window.alert('xxx');window.documentブラウザのグローバルオブジェクトは、Windowオブジェクトとなる。コンテキスト実行コンテキストの定義コードを実行する際の文脈・状況。どのような状況で実行しているのか。この部分が関数コンテキスト。実行中のコードがたどってきた、コンテキストの積み重ね。ブレイクポイントを設定。intoのアイコンをクリックで、関数の中に処理が移る。その後進めると、一番上から消滅していく。この仕組みを「後入れ先出し(後から積み重なったものが、先に消滅していく)」という。LIFOホイスティング(宣言の巻き上げ)ホイスティングの定義コンテキスト内で宣言した変数や関数の定義を、コード実行前にメモリーに配置すること。関数の実行行を関数の宣言より前に持ってきても実行される。関数や変数の宣言は、関数の実行前にメモリに配置されている。constの場合も、JavaSciptエンジンによる初期値の設定は行われない以上のように挙動が違うことから、varの使用は非推奨になっている。ブラウザ搭載のJavaScriptエンジンによって挙動に差があるので注意。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。date*日本語が含まれない投稿は無視されますのでご注意ください。元WEBデザイナーで現役フロントエンドエンジニア。広告代理店→ECサイト運営会社→デザイン制作会社→フリーランス。使用するカスタマイズ、苦戦したカスタマイズ、エラーの解決法などを紹介していきます。