[JavaScript] js의 변수와 함수: 종류와 특징

들어가기

• 자바스크립트는 동적인 웹 페이지를 만들기 위해 사용되는 프로그래밍 언어 중 하나이다.
  이 글에서는 자바스크립트의 변수와 함수의 종류 및 그 특징을 알아본다.

1. 변수의 종류와 특징

• 자바스크립트에서 변수는 데이터를 저장하는 컨테이너 역할을 한다.
  자바스크립트의 주요 변수 유형에는 'var', 'let', 'const'가 있따.

변수 유형	재선언 가능	재할당 가능	범위	특징
'var'	가능	가능	함수범위	함수 어디서든 접근 가능, 호이스팅 발생
'let'	불가능	가능	블록 범위	블록 내에서만 유효, 호이스팅은 발생하지만 TDZ존재
'const'	불가능	불가능	블록 범위	값을 재할당할 수 없음, 초기화 필수

• 예시

var name = "Alice"; // 함수 범위
if (true) {
    let age = 24; // 블록 범위
    const birthday = "May 1"; // 블록 범위, 재할당 불가
}

 

 

2. 함수의 종류와 특징

• 함수는 코드의 재사용성을 높이고, 모듈화를 돕는 중요한 요소이다.
  자바스크립트에서 함수는 여러 방식으로 선언될 수 있따.

함수 유형	구문	특징
함수 선언식	'function functionName() {}'	호이스팅에 의해 함수 전체가 상위 스코프로 끌어올려짐
함수 표현식	'const functionName = function() {}	변수에 할당된 형태로 사용, 호이스팅이 변수 범위에 따라 달라짐
화살표 함수	const functionName = () => {}	this가 렉시컬하게 바인딩됨, 일반적으로 익명 함수
즉시 실행 함수(IIFE)	'(function() {})()	정의되자마자 실행되는 함수로, 주로 초기화에 사용

• 예시

// 함수 선언식
function sayHello() {
    console.log("Hello!");
}

// 함수 표현식
const sayGoodbye = function() {
    console.log("Goodbye!");
};

// 화살표 함수
const getAge = () => {
    return 25;
};

// 즉시 실행 함수
(function init() {
    console.log("Initialization complete.");
})();

 

 

참고

https://iloveprogramming.tistory.com/135

[JavaScript] 변수 선언 : 'var', 'let', 'const'

---

끝