codeStates front-end/Java Script

[JS] Chapter 3. 함수

환테크 2023. 1. 4. 10:18
반응형

 

 

 

 

 

함수

 

특정한 코드 실행 과정을 하나의 묶음으로 묶어서 필요할 때마다 호출하여 실행하는 것

 

 

함수 선언문

 

실습)문자열 ‘함수선언문’을 출력하는 declared라는 이름의 함수를 함수선언문으로 정의

 

function declared () { 
	console.log('함수선언문') 
};

 

함수 표현식

 

실습)문자열 ‘함수 표현식’을 출력하는 expression라는 이름의 함수를 함수 표현식으로 정의

 

let expression = function () { 
	console.log('함수표현식') 
};

 

함수 호출

 

실습)아래 함수들을 각각 호출하고 결과를 확인

 

function declared() {
  console.log('함수선언문');
}
declared()

let expression = function () {
  console.log('함수표현식');
};

expression()

 

매개변수와 전달인자 - 여러개 사용 o

 

실습)구구단 n단을 출력하는 함수를 정의하고 호출

 

function multiplication(n) {
  for (let i = 1; i <= 9; i++) {
    console.log(n * i);
  }
}

multiplication(3);

 

return문

  1. return문 뒤에 나오는 코드는 실행 x
  2. return문 에 작성된 코드를 실행한 후 결과를 함수 외부로 리턴
  3. 변수 할당 가능
  4. 함수 끼리 연산 가능

실습)두 수를 입력 받아 두 수의 곱을 리턴하는 함수를 정의

 

function multi(x,y) {
  return x * y;
}

let result = multi(3,2);
console.log(result);
반응형