반응형
목차
[1] 함수 선언문
[2] 함수 표현식
[3] 화살표 함수
[4] 간단한 예제
[1] 함수 선언문
[2] 함수 표현식(익명 함수)
- 함수 표현식 : 함수를 변수에 할당하는 방식
[3] 화살표 함수
- 화살표 함수 : 함수 표현식의 간결 표현, 주로 함수 실행문 1개일 때 유용
- 함수 표현식에서 function 키워드가 빠지고 매개변수와 본문 사이에 화살표 추가
- 함수 본문 내 실행문이 1개일 경우 중괄호{} 생략가능, 실행문 1개가 return문이면 return 생략
[4] 간단한 예제
// 문제)
// 두 수의 차이(절대값)를 구하는 함수 만들기 calculateDifference라는 이름의 함수를 정의해 보세요
// 이 함수는 두 개의 숫자를 매개변수로 받아 두 수의 차이를 반환해야 합니다.
// case 1) 함수 선언문
{
let a = 10;
let b = 20;
function calculateDifference(x, y) {
let result = x - y;
if (result < 0) {
result *= -1;
}
return result;
}
// let z = calculateDifference(a, b);
// console.log(z);
console.log(calculateDifference(a, b));
}
console.log('------------------------------');
// case 2) 함수 표현식
{
let a = 10;
let b = 20;
let calculateDifference = function (x, y) {
let result = x - y;
if (result < 0) {
result *= -1;
}
return result;
}
// let z = calculateDifference(a, b);
// console.log(z);
console.log(calculateDifference(a, b));
}
console.log('------------------------------');
// case 3) 화살표 함수
{
let a = 10;
let b = 20;
let calculateDifference = (x, y) => {
let result = x - y;
if (result < 0) {
result *= -1;
}
return result;
};
// let z = calculateDifference(a, b);
// console.log(z);
console.log(calculateDifference(a, b));
}
Copyright ⓒ. JaePPy All rights reserved.
usopp1004@naver.com
반응형
'IT공부 > JAVASCRIPT' 카테고리의 다른 글
[JavaScript 기초] 계산기 구현 (0) | 2024.02.06 |
---|---|
[JavaScript기초] 요소 생성해서 배치하기 (0) | 2024.02.02 |
[JavaScript기초] 객체 생성 (class 문법, 생성자 함수, 객체 리터럴) (0) | 2024.01.31 |