function sayHello(): string {
return "Hello";
}
// ✅ executeFunction 함수: 함수를 인자로 받음
function executeFunction(func: () => string): string {
return func();
}
console.log(executeFunction(sayHello)); // Hello
// ✅ getFunction 함수: 함수를 반환 - 고차 함수
function getFunction(): () => string {
return function() {
return "Returned Function";
};
}
const newFunc = getFunction();
console.log(newFunc()); // Returned Function
.dart
// ✅ 함수가 인자로 전달될 수 있음
String executeFunction(String Function() func) {
return func();
}
// ✅ 함수가 반환값으로 사용될 수 있음
String Function() getFunction() {
return () => "Returned Function";
}
String sayHello() {
return "Hello";
}
void main() {
print(executeFunction(sayHello)); // Hello
final newFunc = getFunction();
print(newFunc()); // Returned Function
}
동적으로 생성 및 실행할 수 있다.
실행 시점(runtime)에 함수를 생성하고, 즉시 실행할 수 있다는 것을 의미합니다. 이는 함수를 변수에 저장하거나, 즉석에서 함수를 만들고 실행하는 것이 가능하다는 뜻입니다.
1. 익명 함수 즉시 실행 - 함수를 선언하자마자 즉시 실행하는 방식
.ts
// ✅ 즉시 실행 함수 (IIFE: Immediately Invoked Function Expression)
(function () {
console.log("This is an immediately invoked function!");
})();
// ✅ 매개변수가 있는 즉시 실행 함수
((name: string) => {
console.log(`Hello, ${name}!`);
})("Ella");
.dart
void main() {
// ✅ Dart에서 즉시 실행 함수 (IIFE 방식과 유사)
(() {
print("This is an immediately invoked function!");
})();
// ✅ 매개변수가 있는 즉시 실행 함수
((String name) {
print("Hello, $name!");
})("Ella");
}
2. 동적으로 생성된 함수를 실행
.ts
// ✅ 동적으로 함수를 생성하고 변수에 저장
const dynamicFunc = new Function("name", "return `Hello, ${name}!`;");
console.log(dynamicFunc("Ella")); // Hello, Ella
.dart
void main() {
// ✅ 익명 함수를 변수에 저장하여 실행
var dynamicFunc = (String name) => "Hello, $name!";
print(dynamicFunc("Ella")); // Hello, Ella
}
3. 고차 함수로 실행 시점에 함수 생성
.ts
// ✅ 실행 시점에 새로운 함수 생성
function createMultiplier(multiplier: number): (num: number) => number {
return function (number: number): number {
return number * multiplier;
};
}
const double = createMultiplier(2); // 함수 생성 O, 함수 실행 X
console.log(double(5)); // 10 // 함수 실행 O
const triple = createMultiplier(3);
console.log(triple(5)); // 15
.dart
// ✅ 실행 시점에 함수를 생성하는 고차 함수
Function createMultiplier(int multiplier) {
return (int number) => number * multiplier;
}
void main() {
var double = createMultiplier(2);
print(double(5)); // 10
var triple = createMultiplier(3);
print(triple(5)); // 15
}
클로저는 함수가 선언될 당시의 외부 변수를 기억하고 유지하는 것이 핵심입니다. 함수가 일급 객체가 아니면, 함수를 다른 함수의 반환값으로 사용할 수도 없고, 다른 곳에서 실행할 수도 없기 때문에 클로저가 성립할 수 없습니다.
✅ 함수를 값처럼 다룰 수 있기 때문에 함수 내부에서 변수를 기억하는 클로저 개념이 등장한다.
✅ 클로저는 함수가 외부 환경을 기억하면서도 독립적인 실행 컨텍스트를 유지할 수 있도록 해준다.
✅ 함수가 일급 객체가 아니었다면, 클로저를 사용할 수 없었을 것이다.
✅ 자바스크립트는 함수형 프로그래밍 패러다임을 지원하기 때문에 클로저를 활용할 수 있다.
스코프와 렉시컬환경은 어떻게 다를까?
개념
설명
스코프(Scope)
변수가 접근할 수 있는 범위를 의미 (e.g., 블록 스코프, 함수 스코프, 파일 스코프)
렉시컬 환경(Lexical Environment)
실행 컨텍스트에 포함되며, 함수가 선언될 당시의 변수 참조 정보를 저장하는 객체
스코프(Scope)
단순히 접근 가능한 변수의 범위를 의미하지만, 클로저는 단순한 접근이 아니라 실행이 끝난 후에도 변수를 기억하는 것이 핵심입니다.
전역 스코프 (Global Scope), 지역 스코프 (Local Scope)가 있습니다.
지역 스코프(Local Scope)에는 블록레벨 스코프(let, const)와함수레벨 스코프(var)가 있습니다.
자바스크립트에서는 스코프 체인(Scope Chain)을 통해 상위 스코프의 변수에 접근할 수 있습니다.
