| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
- 타이핑
- spread operator
- VUE
- 반복문
- arrow function
- foreach
- 이벤트
- 화살표함수
- 변수
- vue 프로젝트 세팅
- 슬라이더
- v-if
- 배열
- 호이스팅
- 버블링
- 데이터바인딩
- 팝업
- 이벤트버블링
- FOR문
- 클릭
- v-for
- Carousel
- apply
- ${}
- setTimeout
- 제이쿼리
- 해체분석기
- 백팁
- 스크롤이벤트
- 모달
- Today
- Total
목록arrow function (2)
루로그
화살표 함수 활용 연습 🎮 콘솔에 사람.sayHi(); 입력시 같은 오브젝트 내 값을 포함한 결과 출력 // 오브젝트에 함수를 추가하여 같은 오브젝트 내 값 불러오기 // 기존함수 var 사람 = { name : '예지', sayHi : function(){console.log('안녕! 나는 ' + this.name)} } // 화살표함수 var 사람2 = { name : '예지', sayHi : () => console.log('안녕 나는 ' + 사람.name) } 위 코드를 실행 🎮 자료 오브젝트 밖에 코드 작성하여 자료.전부더하기() 입력시 자료.data의 합 출력 var 자료 = { data : [1,2,3,4,5] } // 기존함수 자료.전부더하기 = function(){ var b = 0; t..
화살표 함수 () => {};로 함수를 간략히 표현 가능 arrow function 안에서의 this는 현재 요소로 재정의 되지 않고 상위값(코드 내 상위요소가 없을 경우 window값)을 가져오기때문에 this를 신중히 사용해야 함 🎮 arrow function 사용 방법 // 기존 함수 function 함수1(a){return a + 10}; var 함수2 = function(b){return b + 20}; // 화살표 함수 함수3 = (c) => {return c + 30}; var 함수4 = (d) => {return d + 40}; // 파라미터가 하나만 있을 경우 소괄호 생략 가능 함수5 = e => {return e + 35}; var 함수6 = f => {return f + 45}; //..