자바스크립트 함수

함수

함수는 JavaScript에서 기본 구성 요소 중 하나입니다. JavaScript의 함수는 작업을 수행하거나 값을 계산하는 명령문의 집합인 프로시저(procedure)와 비슷하지만, 프로시저가 함수로 쓰이려면 입력을 반드시 받아야 하고 입력과 명확한 관계가 있는 출력을 반환해야 합니다. 함수를 사용하려면 함수를 호출할 스코프 내에서 함수를 정의해야 합니다.

https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Functions

함수 - JavaScript | MDN

함수를 실행하기 위해선 정의가 필요하다.

자바스크립트에서 쓰는 매서드들도 함수이다. ex)console.log .. alert ...

정의 규칙은 이렇다

1. 함수의 이름
2. 함수의 매개변수(인수)들, 괄호로 묶고 쉼표로 구분
3. 함수를 정의하는 내용 {} 로 감싼다.

 

예를 들어 Hi 라는 단어를 3번 출력하는 함수를 만든다면

 

function repeat(){
	console.log('hihihi');
}

일단 이것이 함수의 제일 기본이되는 모양이다.

function 이라는 키워드와 함수명(인수){내용} 을 입력해주면 된다.

인수는 필수가 아니다.

 

인수

인수를 사용하게되면 인수(매개변수)에 따라서 출력을 다르게 나타낼수 있다.

예를들어 문장과 수를 입력 받아서

문장을 수만큼 반복되는 함수를 만들고 싶다면

function repeatStr(str, num){
	let print = '';
    for(let i=0;i<num;i++){
    	print += str;
    }
    console.log(print);
}

repeatStr('hi', 3);

hi라는 단어를 3번반복 한다는 뜻으로 인수를 넣어서 함수를 실행시켰다.

결과는 'hihihi' 가 나올 것이다.

 

print라는 문장을 담을 공간을 만든후에

num 입력값 만큼 반복해서 저장시킨후에 출력된다.

 

만약 정의할 때 인수를 넣어놓고 실행할 때 인수를 넣지 않으면 어떻게 될까?

실행은 되지만 매개변수값이 undefined로 들어가기 때문에 출력도 undefined로 나올 것이다.

값이 없는 것일 뿐 실행은 된다.

 

반환

함수밖으로 값을 꺼내고 싶으면 어떻게 해야할까?

 

반환을 사용하면 된다.

반환 키워드는 return 이다.

 

function repeatStr(str, num){
	let print = '';
    for(let i=0;i<num;i++){
    	print += str;
    }
    return print;
}

const pr = repeatStr('hi', 3);
console.log(pr);

이러면 함수 결과값을 변수로 저장해서 출력이 가능하다

 

함수 범위, 블록 범위, 렉시컬 범위, 함수 표현식은 다음글을 참고하자

https://jjaong34.tistory.com/25

자바스크립트 함수 범위와 표현식