ArrowFunction

// function 함수이름(매개변수){ } -> 화살표를 이용한 표현방법으로 사용

 

 

// 함수의 표현방법 #1

 

function add1(x, y){
    return x+y;
}
console.log( add1(10, 20) );

->30 출력 

 

// 함수의 표현방법 #2

let add2 = function( x, y){
    return x+y;
}
console.log( add2(10, 20) );

 

->30출력

 

// 함수의 표현 방법 #3-1 ( 화살표함수 )

const add3=(x, y)=>{
    return x+y;
} // 익명함수 (x, y)=>{  return x+y;  } 가   add3 에 저장

console.log( add3(10, 20) );

->30출력

 

 

 

// 함수의 표현 방법 #3-2

const add4=(x, y)=>x+y;
console.log( add4(20, 30) );

->50출력

 

// 함수 표현 방법 #3-3

const add5=(x, y)=>(x+y);
console.log( add5(20, 30) );

->50출력

 

// 함수 표현 방법 #3-4 : 매개변수가 하나일때

function not1( x ) {
    return !x;
}
console.log( not1(true) );

->false 출력

 

const not2=x=> !x; // const not2 = (x) => !x;  같은 표현
console.log( not2(false) );

->true 출력

 

 

// 매개변수 없고 리턴값이 없는 함수

const func1 = () => {
    console.log('매개변수 없고 리턴값 없는 함수');
}
func1();

->매개변수 없고 리턴값 없는 함수 출력

 

// 매개변수 있고 리턴값이 없는 함수

const func2 = (x,y) => {
    console.log(`매개변수( ${x} , ${y} ) 있고 리턴값 없는 함수`);
}
func2(10,20);

->매개변수 (10, 20) 있고 리턴값 없는 함수 

 

 

// 매개변수 있고 리턴값이 있는 함수

const func3 = (x,y) => {
    console.log(`매개변수( ${x} , ${y} ) 있고 리턴값 있는 함수` );
    return x+y;
}
console.log( '리턴값' + func3(10,20) );

->매개변수(10,20)있고 리턴값 있는 함수 

   리턴값 30 

 

 

// 매개변수 없고 리턴값이 있는 함수

const func4 = () => {
    console.log(`매개변수 없고 리턴값 있는 함수`);
    return 100;
}
console.log( '리턴값' + func4(10,20) );

->매개변수 없고 리턴값 있는 함수

    리턴값 100 

 

// 매개변수와 상관없이 단순 리턴값만 있는 함수 : { } 가 없는 함수

const func5 = (x,y) => x+y;
//const func5 = (x,y) => (x+y);