본문 바로가기
JavaScript

JavaScript 함수(1)

by 이히힣 2022. 6. 29.

[함수]

 

입력에 따라 그에 걸맞은 작업을 하는 하나의 작업 단위

논리적인 일련의 작업을 하는 하나의 단위

 

 

 

[특징]

 

특징코드의 묶음(즐겨찾기 버튼)
기능(function)의 단위
입력과 출력간의 매핑(mapping)
호출 후에 반드시 돌아온다(return)

 

 

 

변수를 사용한 구구단을 출력하는 방법

 

let num = 3;

console.log(num * 1) // 3
console.log(num * 2) // 6
console.log(num * 3) // 9
console.log(num * 4) // 12
console.log(num * 5) // 15
console.log(num * 6) // 18
console.log(num * 7) // 21
console.log(num * 8) // 24
console.log(num * 9) // 27

 

만약 3단이 아니라 여러 개가 필요하다면 이 10줄을 모두 복사 붙여넣기 해야 한다.
더 쉽게 출력하기 위해 사용하는 것이 함수이다.

 

 

 

 

 

함수를 사용한 구구단을 입력하는 방법

 

function mulTablePrinter(num) {
	console.log(num * 1);
	console.log(num * 2);
	console.log(num * 3);
	console.log(num * 4);
	console.log(num * 5);
	console.log(num * 6);
	console.log(num * 7);
	console.log(num * 8);
	console.log(num * 9);
}

 

mulTablePrinter(2)


먼저 mulTablePrinter 이라는 이름의 함수를 선언하고 num에 숫자 2를 할당하면 2단이 나오게 된다.

한 번 함수를 입력해 놓으면 언제든지 간단하게 꺼내 쓸 수 있다.

 

 

 

 


[사용방법]


1. 버튼제작


선언(declaration)

 

function cal(param1, param2) {
  console.log(param1 + param2) ;
  return param1 * 10 ;
}

 

 


2. 버튼 사용


호출(call,invocation)

cal (10 , 20) ;

 

 

 

예시

 

let result = cal(10 , 20) ;

function cal(param1 , param2) {
  console.log(param1 + param2) ;
  return param1 * 10 ;
}

 

⬇️⬇️⬇️

 

let result = cal(10 , 20) ;

function cal(10 , 20) {
  console.log(10 + 20) ;
  return param1 * 10 ;
}

 

 

 


    ⭐️⭐️⭐️중요⭐️⭐️⭐️

 

  • 함수는 '기능의 단위'이다.
  • 함수란 특징코드의 묶음(즐겨찾기 버튼)이다.
  • 함수란 기능(function)의 단위이다.
  • 구체적인 입력값과 출력값을 가질 수 있다
  • 호출 후에 반드시 돌아온다(return)

'JavaScript' 카테고리의 다른 글

JavaScript 배열(1)  (0) 2022.07.21
JavaScript 함수(2)  (0) 2022.06.29
JavaScript 타입(1)  (0) 2022.06.28
JavaScript 변수  (0) 2022.06.28
JavaScript 조건문  (0) 2022.06.27