반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- react 검색 기능 구현
- next.config.mjs
- javascript cookie 얻기
- vue scss 전역 설정
- 객체 반복문
- javascript cookie 삭제
- vue scss
- 검색창 autofocus
- 로지텍 MX Vertical 마우스
- react input autofocus
- vue sass 사용하기
- javascript cookie 설정
- input type="range"
- vscode 재설치
- input range 컬러변경
- 로지텍 버티컬 마우스 사용 후기
- pip 명령 에러
- for of 문 예시
- vscode 초기화
- Object for in
- 로컬스토리지 쓰기 읽기 삭제
- input range
- 접근자 함수
- 로컬스토리지 객체 저장
- forEach map 차이
- array method 요약
- setter 함수 동기적 실행
- 접근자 프로퍼티
- for in for of 차이점
- for in 문 예시
Archives
- Today
- Total
짬짬이기록하기
접근자 함수 get, set 본문
반응형
const person = {
//데이터 프로퍼티
firstName: 'Ungmo',
lastName: 'Lee',
// fullName은 접근자함수로 구성된 접근자 프로퍼티.
// getter함수
get fullName(){
return `${this.firstName} ${this.lastName}`;
},
// setter함수
set fullName(name){
[this.firstName, this.lastName] = name.split(' ');
}
}
//데이터 프로퍼티를 통한 프로퍼티 값의 참조
console.log(person.firstName + ' ' + person.lastName) //Ungmo Lee
//접근자 프로퍼티를 통한 프로퍼티 값의 저장
//접근자 프로퍼티 fullName에 값을 저장하면 setter함수가 호출
person.fullName = 'Heegun Lee';
console.log(person) // {firstName: "Heegun", lastName: "Lee"}
//접근자 프로퍼티를 통한 프로퍼티 값의 참조
//접근자 프로퍼티 fullName에 접근하면 getter함수가 호출
console.log(person.fullName) //Heegun Lee
- 접근자프로퍼티는 스스로 값을 가지지 않고, 값을 읽거나 저장할 때 관여함
*모던자바스크립트 Deep dive에서 발췌
반응형
'Web Development > Javascript' 카테고리의 다른 글
forEach, Map 차이 (0) | 2023.11.07 |
---|---|
Array.from() (0) | 2023.11.07 |
함수, 함수() 방식 차이 (0) | 2023.10.19 |
Array 객체의 메서드 요약 (1) | 2023.10.17 |
for in 문, for of 문 차이 (0) | 2023.08.18 |