Node.JS)04.19( ArrowFunction(화살표 함수) )

 

목차

 

---

 

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