본문 바로가기

TIL/JavaScript

JS 기본문법 - 함수

기본적인 함수 개념은 아는데 아직 익숙하지가 않아 

직접 코딩을 하다보면 항상 헷갈려서

list와 dictionary에 이어 함수도 복습할 겸 내용 정리를 한번 해보기로 했다.

 

 

함수의 기본 생김새와 예시이다.

// 만들기
function 함수이름(필요한 변수들) {
	내릴 명령들을 순차적으로 작성
}
// 사용하기
함수이름(필요한 변수들);

// 예시
// 두 숫자를 입력받으면 더한 결과를 돌려주는 함수
function sum(num1, num2) {
	console.log('숫자', num1, num2);
	return num1 + num2;
}

console.log(sum(3, 5)); // 8 출력
console.log(sum(4, -1)); // 3 출력

 

function sum(num1, num2)   // sum 이라는 함수에 num1, num2 라는 변수를 넣어 함수 생성

 

{ console.log('숫자', num1, num2);

 // console.log 로 '숫자' 라는 문자열과 num1, num2의 변수에 각각 들어간 값을 콘솔에 출력

 

  return num1 + num2; } 

// return 으로 num1 값과 num2의 값을 더한 뒤 결과를 반환

 

여기서 중요한 것! 

console.log는 입력된 값을 콘솔에 출력하기만 할 뿐 데이터를 반환하지는 않는다!!

 

그러므로 console.log의 주요 용도는 값을 미리 콘솔에 출력해 봄으로서 코드, 값이 정상적인지

오류가 있는지 없는지 확인하는 용도!!

 

 

 

함수의 반복문 기본 생김새이다.

for (let i = 0; i < 5; i++) {
    console.log(i); // 0부터 4까지 출력됨
}

 

for (초기화식; 조건식; 증감식)  {

    // 실행할 코드

}

위 예제는 let i = 0 으로 i라는 변수를 선언하고 값을 0으로 준 뒤 초기화식으로 설정

i < 5 가 조건식, i++가 증감식인 반복문이다.

 

정리하자면 이 반복문은

1. 초기화식에서 i = 0 으로 초기화 시키고 

2. 조건식에서 i가 5보다 작은지 확인하고

3. 증감식에서 i를 1 증가 시킨다.

이 과정에서 조건식을 벗어날때까지 console.log로 모두 출력하는 함수이다.

 

'TIL > JavaScript' 카테고리의 다른 글

React Router Dom  (0) 2024.05.24
jQuery 기본 문법  (0) 2024.02.19
JS 기본문법 - 함수(2)  (0) 2024.02.18
jQuery 란?  (0) 2024.02.17
JS 기본문법(list, dictionary)  (1) 2024.02.17