함수
함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합으로 이해하면 됩니다.
01. 선언적 함수
선언적 함수는 function키워드로 함수를 만드는 선언적 방식입니다.
function 함수 () {
실행문;
}
· 선언적 함수의 호출
'선언적 함수'는 함수를 호출할 때 함수의 앞 또는 뒤에서 호출 가능합니다.
변수나 함수를 선언하지 않고 호출하였을 때는 에러가 발생해야 하는 것이 맞지만, vas로 선언한 변수와 선언적 함수는 변수, 함수 선언 이전에 호출하여도 에러를 발생시키지 않습니다. 이것을 자바스크립트 성질을 '끌어올리기' 호이스팅(Hoisting)이라고 합니다.
02. 익명 함수
익명 함수는 변수에 함수 데이터를 저장하여 변수를 마치 함수처럼 사용 할 수 있도록 만들어 줍니다.
var 변수 = function() {
실행문;
};
· 익명 함수의 호출
익명 함수는 변수 선언 이후에 호출해야 합니다.
03. return, 매개변수
▶ return
함수를 통해 처리된 결과를 반환시켜주는 명령어입니다.
▶ 매개변수
함수를 호출할 때 전달하는 변수를 '매개변수'라고 합니다.
04. 화살표 함수
화살표 함수는 function 키워드를 생략하고 부등호 '='rhk '>'을 합쳐 코딩합니다.
단일 명령문일 경우에는 함수의 중괄호{}와 return을 생략할 수 있습니다.
01. 선언적 함수
선언적 함수는 함수를 선언할 때 이름을 붙여주는 함수를 말합니다.
즉, 따로 변수에 넣어주지 않고 선언할 때 붙여준 이름으로 호출하면 됩니다.
function func(){
document.write("함수가 실행되었습니다.1")
}
func();
결과보기
02. 익명 함수
익명함수는 이름이 없는 함수입니다. 따라서 익명함수를 선언하고 사용하기 위해서는 변수에 넣어서 사용하여야 합니다.
//데이터 타입(자료형) --> 타입스크립트가 보충해줌
// const x = 100;
// const x1 = "100";
// const x2 = [];
// const x3 = {};
// const x4 = null, undefined;
// const x5 = function(){};
// const x6 = true, false;
const func = function(){
document.write("함수가 실행되었습니다.2")
}
func();
결과보기
함수가 실행되었습니다.203. 매개변수 함수
매개변수란 함수를 정의하면서, 함수 선언식의 괄호'()'안에 어떤 변수명을 쓰는 것입니다.
function func(str){ //함수안에 들어간 str 파라미터, 인자, 변수라고 함 밑에func이 여기에 전달되서 document로 실행되는 것
document.write(str);
}
func("함수가 실행되었습니다.3
");
결과보기
04. 리턴값 함수
리턴값이란 함수가 어떤 기능을 수행하고 그 결과를 호출한 곳으로 돌려주는 값을 말합니다.
함수가 어떤 기능을 수행하고 돌려줄 값이 있으면 return 명령을 사용합니다.
function func(){
const str = "함수가 실행되었습니다.4";
return str; //실행문은 아니나 결과값으로 저장되는 것
}
document.write(func());
결과보기
05. 화살표 함수 : 선언적 함수
화살표 함수는 func = () = > {} 이런 형태로 나타냅니다. 05.화살표 함수는 선언적 함수를 표현합니다.
func = () => { //function 귀찮아서 없애고 기호로! =>선언적 함수와 같은 것임
document.write("함수가 실행되었습니다.5
")
}
func();
func = () => document.write("함수가 실행되었습니다.5
")
func();
결과보기
06. 화살표 함수 : 익명 함수
화살표 함수는 func = () = > {} 이런 형태로 나타냅니다. 06.화살표 함수는 익명 함수를 표현합니다.
const func = () => {
document.write("함수가 실행되었습니다.6
")
}
func();
const func = () => document.write("함수가 실행되었습니다.6
")
func();
결과보기
함수가 실행되었습니다.6 함수가 실행되었습니다.607. 화살표 함수 : 매개변수 함수
화살표 함수는 func = () = > {} 이런 형태로 나타냅니다. 07.화살표 함수는 매개변수 함수를 표현합니다.
func = (str) => {
document.write(str)
}
func("함수가 실행되었습니다.7");
func = (str) => document.write(str); //앞에 const있어도 상관없음
func("함수가 실행되었습니다.7");
func = str => document.write(str); //괄호 생략 가능
func("함수가 실행되었습니다.7");
결과보기
08. 화살표 함수 : 리턴값 함수
화살표 함수는 func = () = > {} 이런 형태로 나타냅니다. 08.화살표 함수는 리턴값 함수를 표현합니다.
func = () => {
const str = "함수가 실행되었습니다.8
"
return str;
}
document.write(func());
결과보기
'Javascript' 카테고리의 다른 글
| 요소 선택 (3) | 2022.08.07 |
|---|---|
| 전역변수와 지역변수 (4) | 2022.07.28 |
| 조건문 (5) | 2022.07.26 |
| 데이터 타입(Data Type) (5) | 2022.07.26 |
| for문 정리 (14) | 2022.07.21 |
댓글