TIL12.JS함수

JS 함수 코드의 흐름을 알아보자. (js 어렵다...)

function(함수)

하나의 로직을 재실행할 수 있도록 하는 것으로 코드의 재사용성을 높여준다. 유지,보수가 쉽고 중복이 적은 코드를 만들 수 있다.

//함수 선언
function numbering() {
	i = 0;
    while(i < 10){
    	document.write(i);
        i += 1;
        }
   }
//함수 호출
numbering();
numbering();
numbering();
numbering();

0~9까지 함수를 호출한 횟수 4번만큼 실행돼서 나타난다.

return

함수 내에서 사용된 return은 뒤에 따라오는 값을 함수의 결과로 출력해주는 역할을 한다. 그리고 동시에 함수를 종료시킨다. 함수로 유입되는 입력 값 인자(argument)

function get_arguments(argument1, argument2) {
	return argument1 + aregument2;
}

alert(get_arguments(10,20));
alert(get_arguments(20,30));
    

내장함수

자바스크립트 내에서 필요로 할 것 같은 함수를 기본적으로 만들어서 제공해주는 함수를 내장함수라고 한다.
String(): 숫자를 문자열로 변환해주는 함수
Number(): 문자열을 숫자로 변환해주는 함수
parseInt(): 문자열 안에서 정수를 뽑아주는 함수 숫자가 앞에 있어야 작동한다.
parseFloat(): 문자열 안에서 숫자(소수포함)를 뽑아주는 함수
alert(): 사용자에게 메시지를 띄우고, 문자열을 입력받는 함수
prompt(): 사용자에게 메시지를 띄워, 직접 문자열을 입력받는 함수
confirm(): 사용자에게 메시지를 띄우고, 확인과 취소 중 하나를 누르게 하는 함수

---

if문

if 소괄호 안에 원하는 조건을 넣고, 'true'이면 코드가 실행되고, 'false'이면 넘어간다.

if (inputNumber === '7') {
	alert('Lucky');
}  else if (inputNumber === '0') {
	alert('Zero');
} else {
	alert('Unlucky');
}

switch문

if문처럼 조건문 중에 하나이다. 여러가지 조건들 중 변수 값이 확실하고 그중 값에 따라 실행할 명령이 다를 때 case값을 통하여 원하는 명령을 실행할 수 있다. break를 쓰면 이후의 case문들은 실행하지 않고 나가게 된다.

switch (inputNumber) {
	case '0':
    alert('zero');
    break;
    case '1':
    alert('one');
    break;
    default:
    alert('unlucky');
    break;
 }