FUNCTION

99PERCENT·2022년 2월 24일
0

JavaScript

목록 보기
9/12
함수는 배열, 조건, 변수 어디에나 쓰인다.
함수는 코드의 재사용 가능한 일부로서 언제든 사용할 수 있도록 이름을 붙여놓은 것.
(모든 함수가 이름을 가진 것은 아니다.)
코드의 중복을 줄이고, 코드를 더 읽기 쉽게 만든다.

함수 작성

	2 STEP PROCESS : Define —> Run
		Define
		function funcName( ){
			// do something
		}

		Run
		funcName( );	// run once
		funcName( ); // run twice

인수

	자바스크립트의 인수 = 함수에 입력하는 값 
		//예시
		function greet(person){
			console.log(`HI! ${person}`);
		}	 
		// 함수를 정의할 때, person이 입력된 곳은 곧 매개변수 자리이다.  
	인수는 함수를 실행할 때 괄호 안에 전달하는 것이고,
	매개변수는 일종의 플레이스 홀더로서 함수를 정의할 때 용도에 따라 정해줄 수 있다. 
	

2개 이상의 인수

		//예시 1
		function greet(firstName, lastName){
			console.log(`Welcome. ${firstName} ${lastNmae}.`);
		}
		
		greet(‘WookJin’, ‘Noh’);	// Welcome. WookJin N.
		// 예시 2
		function repeat(msg, numTimes){
			let result = ‘ ’;
			for(let i = 0; i < numTimes; i++){
				result += str;
			}
			console.log(result);
		}
		
		repeat(‘@‘, 5);	// @@@@@ 

Return 키워드

	return을 사용하면 함수의 값을 얻을 수 있다. 
    그것을 저장하고 캡처할 수 있다. 
    반환은 오직 하나의 값만 나올 수 있다. 
		// 예시 1
		function add(x,y){
			console.log(x+y);
		}
		
		add(3,9); // 12
		const sum = add(3,9);	// undefined
		// 예시 2
		function add(x,y){
		 	return x+y;
		}
		
		const sum = add(10,16);
		sum;	// 26
	반환 키워드는 함수를 중단시킨다. 
		// 예시 1
		function add(x,y){
		 	return x+y;	// 함수종료
			console.log(‘함수 종료?)	// 출력 SX
		}
		// 예시 2
		function add(x,y){
			if(typeof x !== number || typeof y !== number){
				return false; // x나 y 둘 중 하나라도 숫자가 아닐 시 즉시 함수 종료
			}
			let sum = x + y;
			return sum;
		}
profile
99 ~ 100

0개의 댓글