[Javascript] function

함수(function) 란 하나의 로직을 재실행 할 수 있도록 하는 것으로 코드의 재사용성르 높여준다.

 

return 함수 내에서 사용한 return은 return 뒤에 따라오는 값을 함수의 결과로 반환한다. 동시에 함수를 종료시킨다.

function get__name1(){
	return `홍길동'
}

function get__name2(){
	return `홍길순'
}

 

 

위 코드를 실행하게 되면 홍길동과 홍길순이 리턴 값을 결과로 반환하고 동시에 함수는 종료된다.

 

하지만 아래 코드를 실행해보면

function get__name3(){
	return `홍깅동`;
    return `홍깅순`;
    return `홍깅정`;
}

위 코드를 실행하게 되면  홍길동이라는 return 값을 결과로 반환하고 함수가 종료되어 버린다 아래 있는

 홍길순, 홍깅정은 실행이 되지 않는다  

 

인자란 ?

인자(argument)는 함수로 유입되는 입력 값을 의미한다. 

어떤 값을 인자로 전달하느냐에 따라서 함수가 반환하는 값이나 메소드의 동작방법을 다르게 할 수 있다.

 

function get__name(name){
	reutn name;
}

alert(get__name("홍길동"));
alert(get__name("홍길순"));

 

 

위코드를 실행하게 되면 alert안에 있는 get__name("홍길동") 이라는 코드가 있다

get__name("홍길동") 을 실행하게 하게되면 get__name함수에 홍길동이라는 인자를 보낸다

그럼 함수 get__name(name)에서 홍길동이라는 값을 name이라는 인자로 받아 return값으로 name으로 결과를 반환하고 함수는 종료가 된다. 

 

보내는 것은 인자(argument)이고 

받는 것은 매개변수(parameter)이다 

 

복수의 인자 

 

여려개의 값을 받고 싶다면 인자를 주고 싶은만큼 보내주면 된다

 

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

alert(get__number(10, 30));

따라서 함수가 반환하는 값이나 메소드의 동작방법을 다르게 할 수 있다.

위 코드는 인자로 10과 30이라는 값을 함수 get__number에게 보낸다 

그리고 함수 get__number에서 10, 30을 각각 a와 b라는 매개변수로 받아 

사칙연산 +로 더해 그 더한 값을 리턴하고 함수는 종료가 된다.

 

함수를 정의 하는 다른 방법 

 

자바스크립트는 함수를 정의하는 또 다른 방법을 제공한다. 아래 코드는 함수를 정의 하는 또 다른 방법이다.

 

numbering = function(){
	var i = 0;
    while(i < 10){
    	console.log(i)
    		i++;
    }
}

numbering();

 코드는 함수를 정의 하는 또 다른 방법이다. 

위 코드를 보면 기존에 함수와는 다르게 변수 안에 함수를 넣고 그 뒤에 변수뒤에 호출을 하고 있다 

변수를 선언하고 그 안에 함수를 담고 그 함수안에 있는 로직들을 처리하고 아래 변수를 호출해 사용하고 있는 모습이다 

function numbering(){
	var i = 0;
    while(i < 10){
    	console.log(i);
        i++;
    }
}

numbering();

기존 함수와는 다르게 정의 하고있다