함수

함수

함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합으로 이해하면 된다.

01. 선언적 함수

'선언적 함수'는 함수를 호출할 때 함수의 앞 또는 뒤에서 호출 가능합니다. var로 선언한 변수와 선언적 함수는 변수,함수 이전에 호출하여도 에러가 발생하지 않는다
이러한 자바스크립트의 성질을 호이스팅(Hoisting) 이라고 한다.

function compute(){
conosle.log('선언적 함수');
}
compute();

function compute(){
conosle.log('선언적 함수');
} compute();

02. 익명 함수

익명 함수는 변수에 함수 데이터를 저장하여 변수를 마치 함수처럼 사용 할 수 있도록 만들어 준며, 익명 함수는 변수 선언 이후에 호출해야 한다.

var compute = function(){
console.log('선언적 함수');
};
compute();

익명 함수 중에는 필요에 따라 일회성으로 사용되는 함수도 있다. '즉시 실행 함수'는 선언과 동시에 함수가 실행되며 함수명이 없기 때문에 재호출 할 수 없다

02-1. 즉시 실행 함수(익명 함수)

(function(){ 실행문;
})();

03. return 함수

함수를 통해 처리된 결과를 반환시켜 줍니다. 리턴 값은 생략되어 있을수도 있으며, 함수 안에서 retrun을 만나게 되면
해당 함수를 호출한 곳으로 데이터를 반환해 주고 함수는 종료된다.

function process(){}
var kor = 100;
var eng = 90;
var avg = (kor + eng) / 2;
return avg;
} console.log(process());

04. 매개변수 함수

함수를 호출할 때 전달하는 변수를 '매개변수'라고 한다. 대개 매개변수가 정해져 있지만 매개변수의 개수를 정할 수 없는 함수를 만들어야 하는 경우가 발생한다.
이러한 경우 매개변수 값을 저장해주는 arguments 객체를 사용하여 함수를 만들 수 있다.

function showSubject(){
console.log(arguments[0] + ',' + argument[1]); // html, css
console.log(argument.length); // 2 }
showSubject('html','css');

05. 화살표 함수(Arrow function)

ES6에 추가된 내용으로 '=>'를 이용하여 함수를 간결하게 표현할 때 사용한다.
항상 익명 함수 형식으로 표현하며, 단일 명령문의 경우에는 함수의 중괄호{}와 return을 생략 할 수 있습니다.

function func(){
document.write("함수가 실행되었습니다.5");
func();
}

func = () => {
document.write("함수가 실행되었습니다.5");
}
func();

func = () => document.write("함수가 실행되었습니다.5");
func();