[JS] function 과 'window'의 개념 이해

요즘 공부가 안됨.

그래도 꾸역꾸역하는데 집중도 안됨. 후

 

 

This 에 대해서 공부를 알아보고 시작했지만, this in JS에서 문맥적으로 해석되기 때문에 문맥을 이해해야한다.

그런데 전역변수(Global variable)이 되는 순간 window를 나온다. 이게 뭘까?

 

How 'window'?

The window object is the global object in a web browser's JavaScript environment, and all global variables and functions are essentially properties and methods of the window object. So, when you call a function without specifying an object in front of it, JavaScript assumes you are calling it on the window object.

출처 : ChatGPT

 

Example

function myFunction() {
  // Function code here
}

자바스크립트는 명시적으로 다른 객체나 컨텍스트로 범위가 지정되지 않은 경우 이를 window.myFunction()으로 인식하므로 간단히 myFunction()으로 호출할 수 있습니다.

 

 

 

Why the name is to be 'window'?

 

JavaScript를 개발한 넷스케이프

Netscape Navigator: JavaScript was initially developed by Netscape Communications Corporation for their web browser, Netscape Navigator. In the early days of web development, Netscape introduced the window object as a global object that represented the browser window or tab. It provided a way for JavaScript to interact with the browser's environment.

넷스케이프 네비게이터: 자바스크립트는 넷스케이프 커뮤니케이션즈 코퍼레이션에서 웹 브라우저인 넷스케이프 네비게이터용으로 처음 개발했습니다. 웹 개발 초기에 넷스케이프는 브라우저 창이나 탭을 나타내는 전역 객체로 창 객체(window object)를 도입했습니다. 이는 자바스크립트가 브라우저의 환경과 상호작용할 수 있는 방법을 제공했습니다.

출처 : ChatGPT

 

브라우저에 접근한 JavaScript

Global Scope: JavaScript needed a way to provide global access to certain properties and methods that relate to the browser itself. The window object was chosen as the container for these global properties and methods, making them accessible throughout the JavaScript code running in the browser.

출처 : ChatGPT

 

 

var globalVariable = "I am global";

function myFunction() {
  console.log(globalVariable); // Accessing the global variable
}

myFunction(); // Call the function

 

함수를 실행했을 때, 지칭하는 함수(?)가 없으면 바로 전역 변수(var globalVariable)로 간다.