[JavaScript]実行コンテキストについて理解を深める

どうも、豆腐メンタルです。
最近JSを学習しているので、備忘録のために記事を書いていきたいと思います。

前提知識

JSにおける変数、関数の記述

変数

let
const
var(非推奨)

関数

function a(){
処理を記述
}

実行コンテキストとは？

コンテキストとは、コードを実行する際の文脈や状況という意味合いで使われる。
コードが実行されている状態によってコンテキストが変わってくる。これらを実行コンテキストと言う。

実行コンテキストには三つの種類がある。
１...グローバルコンテキスト
２...関数コンテキスト
３...evalコンテキスト(evalという関数自体が非推奨)

グローバルコンテキスト

グローバルコンテキスト内では実行中のコンテキスト内の変数・関数を使える。

<script src="main.js"></script>

let a = 0;
function b(){}

console.log(a);
b();

main.jsに直下で書かれたコードがグローバルコンテキスト

関数コンテキスト

関数コンテキストでも、実行中のコンテキスト内の変数と関数が使用可能
この中では、arguments,super,this,外部変数、四つの関数が使える

let a = 0;
function b(){
関数コンテキスト
a
}

console.log(a);
b();

関数bの中で記述されているものを関数コンテキスト
また、関数の外で宣言されている変数aのことを外部変数という。

軽い感じでしたが、以上がコンテキストについてのまとめでした。
引き続き、学習していきます。