자바스크립트 함수 선언, 표현식 예시 (feat.매개변수)

자바스크립트 함수선언과 표현식에 대해서 알아보겠습니다. 함수는코드를 함께 그룹화하고 특정 작업을 수행하는 데 사용됩니다. 함수는 프로그램 전체에서 재사용하고 여러 번 호출할 수 있는 코드 블록입니다.

 

자바스크립트 함수 선언, 표현식 예시

자바스크립트에서 함수 선언하는 방식은 function 키워드 뒤에 함수 이름, 괄호 세트 및 중괄호를 사용하여 정의됩니다.

 

다음은 기본 예시입니다.

function greet() {
console.log('Hello!');
}

greet();

이 예제에서는 문자열 'Hello!'를 콘솔에 간단히 기록하는 greet라는 함수를 정의합니다. 그런 다음 greet()를 사용하여 함수를 호출합니다.

 

함수 매개변수

매개변수란 프로그래밍에서 특정 작업이나 계산을 수행하는 데 사용되는 함수나 메서드에 전달되는 입력값입니다. 이러한 매개변수는 함수의 동작을 정의하고 전달된 값을 기반으로 출력을 결정합니다.

 

다음은 매개변수를 사용하는 함수의 예입니다.

function greet(name) {
console.log('Hello, ' + name + '!');
}

greet('Bob');

이 예에서는 name이라는 매개변수를 사용하는 greet라는 함수를 정의합니다.

 

함수 내에서 'Hello, ' 문자열을 name 값 및 문자열 '!'과 연결합니다. 그런 다음 greet('Bob')을 사용하여 함수를 호출하고 name 매개변수의 값으로 문자열 'Bob'을 전달합니다.

 

return 사용

함수는 return 키워드를 사용하여 값을 반환할 수도 있습니다. 예를 들면 다음과 같습니다.

function add(a, b) {
return a + b;
}

var sum = add(2, 3);
console.log(sum);

이 예에서는 a와 b라는 두 개의 매개변수를 사용하는 add라는 함수를 정의합니다.

 

함수 내에서 + 연산자를 사용하여 a와 b의 값을 더한 다음 결과를 반환합니다. 그런 다음 값 5를 반환하는 add(2, 3)를 사용하여 함수를 호출합니다. 그 값을 sum이라는 변수에 저장한 다음 console.log(sum)을 사용하여 콘솔에 기록합니다.

 

함수를 변수에 할당

함수를 변수에 할당하여 값으로 전달하고 사용할 수도 있습니다. 예를 들면 다음과 같습니다.

var greet = function(name) {
console.log('Hello, ' + name + '!');
};

greet('Bob');

이 예에서는 'greet'라는 변수에 할당된 값으로 함수를 정의합니다.

 

이 함수는 name이라는 매개변수를 사용하고 name 값과 문자열 '!'로 연결된 문자열 'Hello, '을 콘솔에 기록합니다. 그런 다음 greet('Bob')을 사용하여 함수를 호출하고 name 매개변수의 값으로 문자열 'Bob'을 전달합니다.

 

NEW 키워드 사용

마지막으로 new 키워드를 사용하여 객체를 생성하는 데 함수를 사용할 수 있습니다. 예를 들면 다음과 같습니다.

function Person(name, age) {
this.name = name;
this.age = age;
}

var person = new Person('Bob', 30);
console.log(person.name);
console.log(person.age);

이 예에서는 name과 age라는 두 개의 매개변수를 사용하는 Person이라는 함수를 정의합니다.

728x90

함수 내에서 this 키워드를 사용하여 생성되는 새 개체의 name 및 age 속성을 설정합니다. 그런 다음 new 키워드를 사용하고 name 및 age 매개변수 값을 전달하여 새 개체를 만듭니다.

 

해당 객체를 person이라는 변수에 저장한 다음 console.log(person.name) 및 console.log(person.age)를 사용하여 name 및 age 속성을 콘솔에 기록합니다.