728x90
반응형
함수(function)
함수는 일정한 동작을 수행하는 코드를 의미한다.
함수를 미리 만들어 놓고 원할 때 실행해 정해진 동작을 수행할 수 있다.
함수를 만들 때는 보통 function 예약어를 사용하거나 =>(화살표) 기호를 사용한다.
화살표 기호를 사용한 함수를 화살표함수(arrow function)이라고 한다.
반복되는 작업을 함수로 만들어서 호출하기만하면 되기 때문에 코드량을 줄일 수 있다.
형식
function() {}
//또는
() => {}
함수에 이름을 붙여야한다.
function a(){}
const b = function(){}
const c = () => {}
- 함수 선언문(function declaration statment)
함수를 상수(consct)에 대입하는 대신 function 키워드 뒤에 함수 이름을 넣어주는 방식
- 함수 표현식(function expression)
함수 b와 같이 상수나 변수에 대입하는 방식
return
함수를 호출하면 항상 결괏값이 나오는데, 기본값으로 undefined 가 나온다.
이 값을 반환값(return value)라고 한다.
반환값을 직접 정할 수도 있다. return 문을 추가하면된다.
return은 함수를 종료시킨다.
function a(){
return 10;
}
- return 값으 여러개 하고 싶다면?
배열에 넣으면 된다.
function a(){
return[1, 5];
}
매개변수(Parametior) 와 인수(Argument)
'argument' 문자열은 함수 a를 선언할 때 소괄호에 넣은 parameter와 연결된다.
따라서 parameter는 'argument'의 값을 가진다.
parameter = 'argument' 와 같고 실제로는 parameter는 변수와 같은 특성을 가진다.
function a(parameter){
console.log(parameter);
}
a('argument');
// 실행결과
argument
인수(인자)값을 여러개 받을 수 도 있다.
function add(x, y){
return x + y;
}
add(5, 3)
// 실행 결과
8
728x90
반응형
'☭DEVELOPER > #4 자바스크립트' 카테고리의 다른 글
자바스크립트 | 레츠기릿 자바스크립트 16 순서도 | 끝말잇기 (1) | 2024.05.28 |
---|---|
자바스크립트 | 레츠기릿 자바스크립트 15 객체 리터럴 (0) | 2024.04.30 |
자바스크립트 | 레츠기릿 자바스크립트 13 배열 (0) | 2024.03.18 |
자바스크립트 | 레츠기릿 자바스크립트 12 (0) | 2024.02.17 |
자바스크립트 | 레츠기릿 자바스크립트 11 (0) | 2024.01.18 |