본문 바로가기
Javascript

[javascript] 05. 함수

by 홍두두현 2023. 1. 16.
반응형

1. 함수

함수란? 특정 코드를 하나의 명령으로 실행할 수 있게 해주는 기능입니다.

예를 들어서, 우리가 특정 값들의 합을 구하고 싶을 때 코드를 작성해 보겠습니다.

const a = 1;
const b = 2;
const sum = a + b;

console.log(sum) // 3

위 코드를 함수로 만들어보겠습니다.

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

const sum = add(1,2);
console.log(sum); // 3

함수를 만들 때는 function 키워드를 사용하며, 함수에서 어떤 값을 받아올지 정해주는데 이를 파라미터(매개변수)라고 부릅니다.

함수 내부에서 return 키워드를 사용하여 함수의 결과물을 지정할 수 있습니다.
return을 사용하게 되면 함수가 끝납니다.

function add(a,b) {
	return a + b;
    console.log('호출이 되지 않는 코드')
}

const sum = add(1,2);
console.log(sum);

return 하단에 console은 작동하지 않은 채 add() 함수가 끝나게 된다

연습

hello, Duhyeon! 출력

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

hello('Duhyeon');
// hello, Duhyeon!

점수를 성적등급으로 변환하기

점수가 주어졌을 때 A, B, C, D, F 등급으로 반환하는 함수

function getGrade(score) {
  if (score === 100) {
    return 'A+';
  } else if (score >= 90) {
    return 'A';
  } else if (score === 89) {
    return 'B+';
  } else if (score >= 80) {
    return 'B';
  } else if (score === 79) {
    return 'C+';
  } else if (score >= 70) {
    return 'C';
  } else if (score === 69) {
    return 'D+';
  } else if (score >= 60) {
    return 'D';
  } else {
    return 'F';
  }
}

const grade = getGrade(90);
console.log(grade);

전에 배웠던 if-else if문과 함수를 사용해서 파라미터에 내 점수를 넣으면 return으로 등급을 반환해 주는 함수를 구현해 보았다.

파라미터가 아직도 헷갈리는 나는 공부를 멈출 수 없다.

반응형

'Javascript' 카테고리의 다른 글

[javascript] 6. 배열 내장 함수 - forEach  (0) 2023.01.16
[javascript] - Templete Literal  (0) 2023.01.16
[javascript] 4. 조건문  (0) 2023.01.16
[javascript] 2. 반복문  (0) 2023.01.16
[javascript] 1. 변수와 상수  (0) 2021.07.05

댓글