카테고리 없음

[ Javascript ] 전역변수와 전역 함수 알아보기

Soso Dev 2025. 4. 4. 01:23
반응형

 

 

 

자바스크립트의 전역 변수와 전역 함수는 어디서든 접근할 수 있는 미리 정의된 요소입니다. ECMAScript 표준에 따른 주요 항목은 다음과 같습니다.

 

1. 전역변수 / 전역 함수

전역 변수

  • Infinity: 양의 무한대를 나타내는 숫자 값입니다.
  • NaN: "Not-a-Number"를 나타내는 특별한 숫자 값입니다.
  • undefined: 정의되지 않은 값을 나타냅니다.
  • globalThis: 자바스크립트 실행 환경에서 전역 객체를 참조합니다.

전역 함수

  • eval(): 문자열로 표현된 자바스크립트 코드를 실행합니다.
  • parseInt(): 문자열을 정수로 변환합니다.
  • parseFloat(): 문자열을 부동 소수점 수로 변환합니다.
  • isNaN(): 값이 NaN인지 확인합니다.
  • isFinite(): 값이 유한한 수인지 확인합니다.
  • encodeURI(): URI를 인코딩합니다.
  • decodeURI(): 인코딩된 URI를 디코딩합니다.
  • encodeURIComponent(): URI 구성 요소를 인코딩합니다.
  • decodeURIComponent(): 인코딩된 URI 구성 요소를 디코딩합니다.
  • Number(): 값을 숫자로 변환합니다.
  • String(): 값을 문자열로 변환합니다.
  • Boolean(): 값을 불리언 값으로 변환합니다.
  • Symbol(): 심볼 값을 생성합니다.
  • Object(): 객체 인스턴스를 생성합니다.
  • Function(): 새 Function 객체를 생성합니다.
  • Array(): 새 Array 객체를 생성합니다.
  • Date(): 현재 날짜 및 시간을 출력하거나 Date 객체를 생성합니다.

참고

  • globalThis 는 환경에 따라 다르게 작동할 수 있습니다. 브라우저 환경에서는 window객체를 Node.js 환경에서는 global객체를 웹워커 환경에서는 self 객체를 가르킵니다.
  • eval() 함수의 사용은 보안 및 성능상의 문제로 인해 일반적으로 권장되지 않습니다.

 

2. 예제

다음은 자바스크립트 전역 변수 및 전역 함수에 대한 간단한 예제 코드입니다.

전역 변수 예제

console.log(Infinity); // 출력: Infinity
console.log(NaN); // 출력: NaN
console.log(undefined); // 출력: undefined
console.log(globalThis); // 출력: window (브라우저 환경)

전역 함수 예제

console.log(eval("2 + 2")); // 출력: 4

console.log(parseInt("10", 10)); // 출력: 10
console.log(parseFloat("3.14")); // 출력: 3.14

console.log(isNaN(NaN)); // 출력: true
console.log(isFinite(10)); // 출력: true

let uri = "https://example.com/예제?q=테스트";
let encodedUri = encodeURI(uri);
console.log(encodedUri); // 출력: https://example.com/%EC%98%88%EC%A0%9C?q=%ED%85%8C%EC%8A%A4%ED%8A%B8
console.log(decodeURI(encodedUri)); // 출력: https://example.com/예제?q=테스트

let component = "예제?q=테스트";
let encodedComponent = encodeURIComponent(component);
console.log(encodedComponent); // 출력: %EC%98%88%EC%A0%9C%3Fq%3D%ED%85%8C%EC%8A%A4%ED%8A%B8
console.log(decodeURIComponent(encodedComponent)); // 출력: 예제?q=테스트

console.log(Number("123")); // 출력: 123
console.log(String(123)); // 출력: "123"
console.log(Boolean(0)); // 출력: false

let symbol = Symbol("mySymbol");
console.log(symbol); // 출력: Symbol(mySymbol)

let obj = new Object();
console.log(obj); // 출력: {}

let func = new Function("a", "b", "return a + b");
console.log(func(1, 2)); // 출력: 3

let arr = new Array(1, 2, 3);
console.log(arr); // 출력: [1, 2, 3]

let date = new Date();
console.log(date); // 출력: 현재 날짜 및 시간

이 예제들은 전역 변수와 전역 함수를 사용하는 기본적인 방법을 보여줍니다. eval() 함수와 같은 일부 전역 함수는 보안 및 성능 문제로 인해 사용을 지양하는 것이 좋습니다.

 

 

 

반응형