JavaScript12 [JavaScript] Arrow function vs Function 일반 Function 일반 함수 안의 this는 자신을 마지막으로 품고 있는 scope로 변한다 (어디서 "선언"했는지 중요x, 어디서 "호출" 하느냐에 따라 다름) const example = { name: "world", speak: function() { function getName() { return `${this.name}`; } return `Hello ${getName()}`; } }; example.speak(); // Hello 또는 Hello undefined 출력 //이를 해결하려면.. const example = { name: "world", speak: function() { //여기까지는 this에 객체 example이 bind돼있음 const self = this; // se.. 2021. 7. 28. [JavaScript] JS의 Implicit Return (암시적 반환) ES6는 화살표 함수를 도입했다. 🤷♀️ 화살표 함수를 쓰려면? {foodILike.map(function (dish) { return ( ); })} {foodILike.map((dish) => ( ))} 화살표 함수로 바꾸려면 function 예약어를 지우고 => 로 바꿔준다. 인자가 하나일 경우에는 괄호 (dish를 감싸고 있는 괄호)를 쓰지 않아도 되지만... 이건 개인의 코딩 스타일이라고 한다. 근데 VSC는 자동으로 붙여주던데 모르겠다 좀더 써봐야 알듯^^; 그리고 화살표 함수는 암시적 반환을 할 수 있는데, 그래서 return 예약어가 필요하지 않음 🤷♀️ 화살표 함수에서 괄호는...? sub = () => { this.setState((current) => ({ count: curren.. 2021. 5. 23. 이전 1 2 3 다음
