blob: f976e6b08d11f8244831689eb989f5e549a32d44 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
|
---
title: 전역 객체
slug: Glossary/Global_object
tags:
- CodingScripting
- 용어
- 전역 객체
translation_of: Glossary/Global_object
---
<p>전역 객체 {{glossary("object")}} 는 전역 범위 {{glossary("global scope")}} 에 항상 존재하는 객체를 의미합니다.</p>
<p>자바스크립트에는 전역 객체로 선언된 객체들이 항상 존재합니다. 웹브라우저에서 스크립트가 전역 변수를 생성할 때, 그것들은 전역 객체의 멤버로서 생성됩니다. (이것은 {{Glossary("Node.js")}} 에서는 예외입니다.) 전역 객체의 {{Glossary("interface")}} 는 스크립트가 실행되고 있는 곳의 실행 컨텍스트에 의존합니다. 예를 들어:</p>
<ul>
<li>웹브라우저에 있는 스크립트가 특별히 백그라운드 작업으로 시작하지 않는 코드들은 그것의 전역 객체로써 {{domxref("Window")}} 를 가집니다. 이것은 Web에 있는 자바스크립트 코드의 상당수가 그렇습니다.</li>
<li>{{domxref("Worker")}} 에서 실행하는 코드는 그것의 전역 객체로서 {{domxref("WorkerGlobalScope")}} 를 가집니다.</li>
<li>{{Glossary("Node.js")}} 환경에서 실행하는 스크립트들은 <code><a href="https://nodejs.org/api/globals.html#globals_global">global</a></code> 로 호출되는 객체를 그것들의 전역 객체로 가집니다.</li>
</ul>
<h2 id="브라우저_에서의_window_객체">브라우저 에서의 <code>window</code> 객체</h2>
<p><code>window</code> 객체는 브라우저에서 전역 객체입니다. 어느 전역 객체나 함수는 <code>window</code> 객체의 프로퍼티로서 접근될 수 있습니다.</p>
<h3 id="전역_변수_접근">전역 변수 접근</h3>
<pre class="brush: js notranslate">var foo = "foobar";
foo === window.foo; // Returns: true
</pre>
<p>전역 객체로 <code>foo</code> 변수를 선언한 뒤, 우리는 <code>foo</code> 변수명을 사용해 전역 객체인 <code>window</code><code>.foo</code> 의 프로퍼티로 <code>window</code> 객체에서 그것의 값에 직접 접근할 수 있습니다.,</p>
<h4 id="설명">설명:</h4>
<p>전역 객체 <code>foo</code> 는 <code>window</code> 객체에 아래와 같이 저장됩니다:</p>
<pre class="brush: js notranslate">foo: "foobar"</pre>
<h3 id="전역_함수_접근">전역 함수 접근</h3>
<pre class="brush: js notranslate">function greeting() {
console.log("Hi!");
}
window.greeting(); // It is the same as the normal invoking: greeting();
</pre>
<p>위의 예는 <code>window</code> 객체의 프로퍼티로서 어떻게 전역 함수가 저장되는지를 보여주고 있습니다 . 우리가 <code>greeting</code> 을 전역 함수로써 호출하면 내부적으로는 <code>window</code> 객체를 사용해 호출됨을 보여주고 있습니다.</p>
<h4 id="설명_2">설명:</h4>
<p>전역 함수 <code>greeting</code> 은 아래와 같이 <code>window</code> 객체에 저장됩니다:</p>
<pre class="brush: js notranslate">greeting: function greeting() {
console.log("Hi!");
}</pre>
<section class="Quick_links" id="Quick_Links">
<ul>
<li><a href="/en-US/docs/Glossary">MDN Web Docs Glossary</a>
<ul>
<li>{{glossary("global scope")}}</li>
<li>{{glossary("object")}}</li>
</ul>
</li>
<li>{{domxref("Window")}}</li>
<li>{{domxref("WorkerGlobalScope")}}</li>
<li><code><a href="https://nodejs.org/api/globals.html#globals_global">global</a></code></li>
</ul>
</section>
|
