ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 화살표 함수
    JavaScript 2023. 12. 30. 05:19
    function add1(x,y){
        return x+y;
    }
    const add2=(x,y)=>{
        return x+y;
    }
    
    const add3=(x,y)=>x+y;
    const add4=(x,y)=>(x+y);
    
    function not1(x){
        return !x;
    }
    
    const not2=x=>!x;

    => 를 사용함으로써 function의 기능을 하기에 return 및 function을 작성하지 않아서 코드가 간결해진다.

    var relationship1={
        name:'zero',
        friends:['nero','hero','xero'],
        logFriends:function(){
            var that=this;//변수 relationship1을 가리키는 this를 that에 저장
            this.friends.forEach(function(friend){
                console.log(that.name,friend);
            });
        }
    }
    
    relationship1.logFriends();
    
    console.log('아래는 relationship2입니다.');
    
    const relationship2={
        name:'zero',
        friends:['nero','hero','xero'],
        logFriends(){
            this.friends.forEach(friend=>{
                console.log(this.name,friend);
            });
        }
    }
    relationship2.logFriends();
    • 함수 스코프인 this를 사용하여 함수를 내부에서 호출하여 사용할 수 있다.
    • 함수 스코프 : * 함수가 호출될 때마다 해당 함수 내에서 사용되는 변수들은 함수 스코프에 속하고, 함수 외부에서는 접근할 수 없다.

    'JavaScript' 카테고리의 다른 글

    RESTful API  (0) 2024.02.05
Designed by Tistory.