728x90
목차
2022.04.20 - [Programming/BACKEND] - Node.JS)04.19( ObjectArray(객체 배열), 구조 분해, 배열 요소 추출 )
1. 화살표 함수
1.1. 일반적인 함수의 표현법
1.1.1. 일반적인 함수 표현방법 #1
// 함수의 표현방법 #1
function add1(x, y){
return x+y;
}
console.log( add1( 10, 20 ) ); // 30
1.1.2. 일반적인 함수 표현방법 #2
// 함수의 표현방법 #2
let add2 = function (x, y){
return x+y;
}
console.log( add2( 10, 20 ) ); // 30
1.2. 화살표 함수의 표현방법
| 일반적인 함수 표현법 | 화살표 함수 표현법 |
| function( x, y ) { } | ( x, y ) => { } |
| function( ){ } | ( ) => { } |
const add3 = (x, y) => {
return x+y;
}
//익명함수 (x, y ) => { return x+y; }가 add3에 저장
console.log( add3(10, 20) ); // 30
1.2.1. 또 다른 화살표 함수의 표현방식
const add4 = (x,y) => x+y;
console.log( add4(20, 30) ); // 50
// 단순하게 매개변수들의 연산의 결과들을 return하는 명령만 있을 때 사용.
const add5 = (x, y) => (x+y);
console.log( add5(20, 30) ); // 50
function not1(x){
return !x;
}
console.log(not1(true)); // false
const not2 = x => !x;
// const not2 = (x) => !x;
console.log( not2(false) ); // true
1.3. 매개변수에 따른 함수 구조
1.3.1. 매개변수와 리턴값이 없는 함수
// 매개변수와 리턴값이 없는 함수
const func1 = () => {
console.log('매개변수와 리턴값이 없는 함수');
}
func1(); // 매개변수와 리턴값이 없는 함수
1.3.2. 매개변수 O, 리턴값 X 함수
//매개변수는 있고 리턴값이 없는 함수
const func2 = (x,y) => {
console.log(`매개변수(${x}, ${y})있고 리턴값 없는 함수`);
}
func2(10,20); // 매개변수(10, 20)있고 리턴값 없는 함수
1.3.3. 매개변수와 리턴값이 있는 함수
// 매개변수와 리턴값이 있는 함수
const func3 = (x,y) => {
console.log(`매개변수 (${x}, ${y})와 리턴값이 있는 함수`);
return x+y;
}
console.log('리턴값 : ' + func3(10, 20));
// 매개변수 (10, 20)와 리턴값이 있는 함수
// 리턴값 : 30
1.3.4. 매개변수 X, 리턴값 O 함수
//매개변수가 없고 리턴값이 있는 함수
const func4 = () => {
console.log(`매개변수가 없고 리턴값이 있는 함수`);
return 100;
}
console.log('리턴값 : '+func4(10,20));
// 매개변수가 없고 리턴값이 있는 함수
// 리턴값 : 100
1.3.5. 매개변수와 상관없이 단순 리턴값만 있는 함수 ( { }가 없는 함수 )
//매개변수와 상관없이 단순 리턴값만 있는 함수 : {}가 없는 함수
const func5 = (x,y) => x+y;
// const func5 = (x,y) => (x+y);
console.log(func5(10,50)); // 60
300x250