-
화살표 함수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