# context

[JS](..) ⟩ [concepts](../../browser/concepts) ⟩ context

{% hint style="success" %}
([this](execution-context/this "mention")) <mark style="color:yellow;">**object**</mark> to which a [func](../val/func "mention") belongs.
{% endhint %}

{% tabs %}
{% tab title="🔴 主題" %}
* <mark style="color:yellow;">**key concepts**</mark>
  * [this](execution-context/this "mention") - <mark style="color:yellow;">**property**</mark> of an **execution context**.
  * [context-vs.-scope](../scope/context-vs.-scope "mention")
* <mark style="color:yellow;">**different contexts**</mark>
  * [global-context](context/global-context "mention")
  * [class-body](context/class-body "mention") - class body has its own [this](execution-context/this "mention") context.
{% endtab %}

{% tab title="⭐️ 重點" %}
{% hint style="warning" %}
<mark style="color:yellow;">**context vs. scope**</mark>

* <mark style="color:purple;">**scope**</mark>：<mark style="color:yellow;">**visibility**</mark> of [variable](../variable "mention").&#x20;
* <mark style="color:purple;">**context**</mark>：([this](execution-context/this "mention")) <mark style="color:yellow;">**object**</mark> to which a [func](../val/func "mention") refers.
{% endhint %}
{% endtab %}

{% tab title="📗 參考" %}
* [x] Kevin Chisholm ⟩ [What is the Difference Between Scope and Context in JavaScript?](https://blog.kevinchisholm.com/javascript/difference-between-scope-and-context/)
{% endtab %}

{% tab title="📘 手冊" %}
* [ ] [this](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this) ⟩ [global](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this#global_context) / function / eval context
{% endtab %}

{% tab title="👥 相關" %}

{% endtab %}
{% endtabs %}
