본문 바로가기

자바스크립트

강의 5: 자바스크립트 함수

반응형

개념 설명:

함수의 정의와 호출: 함수는 재사용 가능한 코드 블록을 정의하고 호출하여 코드를 실행하는 데 사용됩니다. 함수를 정의할 때 함수명과 매개변수, 그리고 함수 본문을 포함합니다. 함수를 호출할 때는 함수명과 필요한 인자(매개변수에 전달되는 값)를 지정합니다.


매개변수와 반환값: 함수 정의에서 매개변수를 사용하여 함수에 입력값을 전달하고, 함수 내에서 처리한 후 반환값을 반환할 수 있습니다. 이를 통해 함수는 입력과 출력을 처리하는 데 사용됩니다.
스코프와 클로저 개념: 함수는 스코프(scope)를 가지며, 함수 내부에서 선언한 변수는 해당 함수의 스코프 내에서만 유효합니다. 클로저(closure)는 함수가 자신이 정의된 스코프 외부의 변수에 접근할 수 있는 메커니즘을 나타냅니다.

 

예제 코드:
아래는 함수를 정의하고 호출하는 예제 코드입니다.

// 함수의 정의와 호출
function greet(name) {
  console.log("안녕하세요, " + name + "님!");
}

greet("Alice"); // 함수 호출

// 매개변수와 반환값
function add(x, y) {
  return x + y;
}

let result = add(3, 5); // 함수 호출과 반환값 저장
console.log("덧셈 결과: " + result);

// 스코프와 클로저
function outer() {
  let outerVar = "외부 변수";
  
  function inner() {
    console.log(outerVar); // outerVar에 접근 가능한 클로저
  }
  
  return inner;
}

let innerFunc = outer();
innerFunc(); // 클로저를 통한 외부 변수 접근

 

전문용어 상세 설명:
함수 (Function): 재사용 가능한 코드 블록으로, 특정 작업을 수행하고 값을 반환할 수 있는 독립적인 단위입니다.
매개변수 (Parameter): 함수 정의에서 지정한 변수로, 함수가 호출될 때 인자값이 전달되며, 함수 내에서 사용됩니다.
반환값 (Return Value): 함수가 실행한 결과값으로, 함수 내에서 return 키워드를 사용하여 반환할 수 있습니다.
스코프 (Scope): 변수나 함수의 유효 범위를 나타내는 개념으로, 변수가 어디에서 접근 가능한지를 결정합니다.
클로저 (Closure): 함수가 자신이 정의된 스코프 외부의 변수에 접근할 수 있는 메커니즘을 나타내며, 중첩 함수로 인해 발생할 수 있습니다.

반응형