- 함수 선언문 (Function Declaration)
- 기본 형식 :
function 함수이름(매개변수){
// 기능 구현
return 반환값;
} - 호이스팅이 되어 함수 선언 전에 호출할 수 있다.
- 기본 형식 :
- 함수 표현식 (Function Expression)
- 기본 형식:
let 변수 = function(매개변수){
// 기능 구현
return 반환값;
}; - 호이스팅되지 않아 선언 후에만 호출 가능합니다.
- 기본 형식:
- 화살표 함수 (Arrow Function)
- 기본 형식:
const 함수 = (매개변수) => {
// 기능 구현
return 반환값;
}; - 간결한 문법으로 ' this ' 값을 상속받으며 생성자 함수로 사용할 수 없습니다.
- 기본 형식:
- 즉시 실행 함수 (IIFE)
- 기본 형식:
(function() {
// 기능 구현
})(); - 딱 한 번만 실행되는 함수로 주로 초기화 작업에 사용됩니다.
- 기본 형식:
- 콜백 함수 (Callback Function)
- 다른 함수에 인자로 전달되는 함수로 비동기 작업이나 이벤트 처리 시 주로 사용됩니다.
function 처리함수(callback) {
callback();
}
- 다른 함수에 인자로 전달되는 함수로 비동기 작업이나 이벤트 처리 시 주로 사용됩니다.
- 중첩 함수 (Nested Function)
- 함수 내부에 선언된 함수로 외부에서 접근할 수 없습니다.
function 외부함수(){
function 내부함수() {
// 기능 구현
}
내부함수();
}
- 함수 내부에 선언된 함수로 외부에서 접근할 수 없습니다.
- 기본 매개변수 (Default Parameter)
- 매개변수에 기본값을 설정할 수 있습니다.
function 함수(매개변수 = 기본값) {
// 기능 구현
return 반환값;
}
- 매개변수에 기본값을 설정할 수 있습니다.
- 나머지 매개변수 (Rest Parameter)
- 전달된 인자의 나머지를 배열로 받을 수 있습니다.
function 함수(...매개변수){
// 기능 구현
return 반환값;
}
- 전달된 인자의 나머지를 배열로 받을 수 있습니다.
- 표준 내장 함수
- 자주 사용되는 내장 함수들입니다.
- setTimeout(콜백함수 , 시간) : 일정 시간 후 콜백 함수 실행
setTimeout(()=>{
console.log('1초 후 실행')
},1000) - setInterval(콜백함수 , 시간) : 일정 시간마다 콜백 함수 반복 실행
setInterval(()=>{
console.log('1초마다 실행')
},1000) - parseInt(문자열) : 문자열을 정수로 변환
let num1 = parseInt('123');
console.log(num1) // 123 출력
let num2 = parseInt('123.45');
console.log(num2) // 123 출력 - parseFloat(문자열) : 문자열을 실수로 변환
let num3 = parseFloat('123.45');
console.log(num3) // 123.45 출력
let num4 = parseFloat('123');
console.log(num4) // 123 출력 - isNaN() 함수
- 전달된 인자가 숫자인지 검사할 때 사용하는 함수이다.
- 전달된 인자를 숫자로 형변환 한 후 NaN이면 true , 숫자이면 false를 반환한다.
let a = 123.123;
let b = "Not a Number";
console.log(isNaN(a)) // false
console.log(isNaN(b)) // true
- escape() 함수
- 알파벳과 숫자 , 특수문자(.,*,@,-,_,+,/)를 제외한 문자를 16진수로 변환하여 반환한다.
- 쉼표(,) , 세미콜론(;) 같은 특수문자는 쿠기에 저장할 수 없기 때문에 변환하여 저장할 때 사용한다.
- unescaped() 함수로 되돌릴 수 있다.
let message = "Hello, World!";
let escaped = escape(message);
console.log(escaped); // Hello%2C%20World%21
console.log(unescape(escaped)); // Hello, World!
- setTimeout(콜백함수 , 시간) : 일정 시간 후 콜백 함수 실행
- 자주 사용되는 내장 함수들입니다.
'Front-end > JavaScript' 카테고리의 다른 글
자바스크립트 객체 (2) | 2024.07.19 |
---|---|
객체 지향 프로그래밍 (0) | 2024.07.19 |
JavaScript ( 함수 정리 ) (0) | 2024.07.16 |
JavaScript ( 제어문 ) (0) | 2024.07.15 |
JavaScript ( 연산자 ) (0) | 2024.07.15 |