---
description: 🚧 施工中
---

# browser

{% hint style="success" %}
(an JS [env](js/concept/env "mention")) an [application program](https://www.techtarget.com/searchsoftwarequality/definition/application) that provides a way to look at and interact with all the information on the [web](https://www.techtarget.com/whatis/definition/World-Wide-Web).
{% endhint %}

{% tabs %}
{% tab title="⭐️ 重點" %}
{% hint style="warning" %}
the [object](js/scope/global/object "mention") in <mark style="color:purple;">**browser**</mark> environment is [window](js/scope/global/object/window "mention").
{% endhint %}

{% hint style="success" %}
* the [browser](browser "mention") exposes its own <mark style="color:yellow;">**built-ins**</mark> in the [global](js/scope/global "mention")：
  * <mark style="color:blue;">**`console`**</mark>
  * [dom](browser/dom "mention")： [window](js/scope/global/object/window "mention"), `document`,  ...&#x20;
  * <mark style="color:yellow;">**timers**</mark>：`setTimeout(..)`,  ...
  * [api](browser/api "mention")：`navigator`, `history`, geolocation, WebRTC,  ...

📗 [You Don't Know JS yet](https://github.com/getify/You-Dont-Know-JS/blob/2nd-ed/scope-closures/ch4.md#why-global-scope)
{% endhint %}
{% endtab %}

{% tab title="🔴 主題" %}
* [event](browser/event "mention")
* [dom](browser/dom "mention")
  * [window](js/scope/global/object/window "mention") - global object in browser environment.
* [api](browser/api "mention")
* [scope](js/scope "mention")
{% endtab %}

{% tab title="📗 參考" %}
* [ ] TechTarget ⟩ [What is a Browser?](https://www.techtarget.com/whatis/definition/browser)
{% endtab %}

{% tab title="👥 相關" %}
* [commonjs](js/module/commonjs "mention") module system was created for [server-side JavaScript (Node.js)](https://www.makeuseof.com/node-js-server-side-javascript/) and is <mark style="color:red;">**not**</mark>**&#x20;**<mark style="color:yellow;">**supported**</mark>**&#x20;**<mark style="color:orange;">**by default**</mark> in <mark style="color:purple;">**browsers**</mark>.
* [es](js/module/es "mention")s are <mark style="color:yellow;">**supported**</mark> by [browser](browser "mention")s and <mark style="color:orange;">**servers**</mark>, although you require a bit of <mark style="color:yellow;">**configuration**</mark> before using them.
{% endtab %}

{% tab title="🚧" %}
* [ ] console
* [ ] timers
{% endtab %}
{% endtabs %}
