Notice
Recent Posts
Recent Comments
Link
250x250
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 자바스크립트
- javascript React
- sort
- useEffect
- React state
- 블럭요소
- couchcoding
- JavaScript
- useParams
- useSearchParams
- 6주포트폴리오
- 카우치코딩
- 콜백함수
- JSON
- javascript코딩테스트
- 인라인블럭
- redux toolkit
- foreach
- line-through
- react
- toString
- Redux
- react redux
- 협업프로젝트
- first-child
- 자바스크립트배포
- db.json
- React onClick
- Redux store
- redux 사용방법
Archives
- Today
- Total
개발하는 루루언니
javascript: 객체안에 함수 this 본문
728x90
반응형
const dog = {
name: '멍멍이',
sound: '멍멍!',
say: function() {
console.log(this.sound);
}
};
dog.say();
변수 dog안에 객체가 있다.
say 라는 키에 함수가 들어가는데 여기서 this는 내가 속해있는 객체를 말한다.
즉 dog의 객체안에 들어가져 있으니 dog를 선언하지 않아도 this.sound를 하면
sound의 값인 ' 멍멍! ' 이 출력되는걸 알 수 있다. :)
🔥🔥🔥🔥🔥 주의할점
function으로 한 함수는 함수라는걸 인식하여 객체의 this를 알수있는데
() = > { } 화살표 함수로 하면 함수를 인식못해서 에러가 난다.
728x90
'컴퓨터 정보 > javascript' 카테고리의 다른 글
javascript : parseInt / parseFloat 문자열을 숫자형으로 변환하기 (0) | 2023.08.07 |
---|---|
javascript / createElement 엘리먼트 생성 후 html 에 추가하기 (0) | 2023.05.31 |
javascript : 객체 비구조화 할당 (0) | 2023.03.01 |
javascript : Number 숫자변환 / 숫자 ( , ) 콤마 toLocaleString 알아보기 (0) | 2023.02.28 |
javascript: sort의 객체 배열 정렬 정리 (0) | 2023.02.21 |