ECMAScript5의 객체 접근자 속성: getters 및 setters_javascript 기술 소개

분명히 이것은 IE와는 아무런 관련이 없는 주제입니다(고급 IE 제외). 그럼에도 불구하고 관심 있는 학생들은 함께 모여 ECMAScript5 표준의 getter 및 setter 구현에 대해 배워야 합니다. 객체에서 속성이나 메서드를 작동하는 데 가장 일반적으로 사용되는 메서드는 읽기(참조) 및 쓰기입니다. 예를 들어 o.get은 읽기 작업이고 o.set = 1은 쓰기 작업입니다. 실제로 IE를 제외한 최신 주류 브라우저의 구현에서는 모든 객체의 키 값이 "접속자 속성"이라고 불리는 getter 및 setter 메서드로 대체될 수 있습니다.

getter가 값 쿼리를 담당하는 것은 의심할 여지가 없지만, setter는 키 값 설정을 담당합니다. 모든 반품은 유효하지 않습니다. 일반적인 속성과 달리 메모리 속성은 get 또는 set만 선언할 경우 읽기와 쓰기를 모두 가질 수 없으며, getter 메서드만 있는 경우에는 읽기 전용입니다. 마찬가지로, getter 메소드만 있으면 setter 메소드만 있으므로 읽는 내용은 항상 정의되지 않습니다. 객체 스토리지 속성을 선언하는 방법은 무엇입니까? 가장 빠른 방법은 객체 리터럴 구문을 사용하여 작성하는 것입니다.

코드 복사 코드는 다음과 같습니다.

var oo = {
이름: 'Xianxin',
섹스해(){
         'man'을 반환합니다.
}
};
//분명히 이것은 허용되지 않습니다. Xianxin은 외부 세계가 자신이 남성이라는 사실을 바꾸는 것을 원하지 않기 때문에 섹스에 대한 읽기 전용 기능만 설정합니다
oo.sex = '여자';
console.log(oo.sex); //결과는 여전히 man

흥미로운 점은 이것이 우리의 이전 이해를 뒤집는 것입니다. 즉, 메서드를 정의할 때 function 키워드를 사용하지 않는다는 것입니다. 실제로 여기서 get 또는 set은 포괄적인 측면(쓰기)과 안전한 측면(읽기)이라는 두 가지 다른 상태의 기능으로 이해될 수 있습니다. 표시 방식의 전통을 따르므로 키와 값을 구분하기 위해 콜론을 사용하지 않습니다. 따라서 위의 예를 계속 진행하세요. 메모리 속성을 기반으로 어떻게 읽고 쓸 수 있습니까? 다음 단락에서 답을 얻을 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var oo = {
이름: 'Xianxin',
섹스해(){
만약(this.sexx){
                this.sexx 반환
         }그 외{
                'man'을 반환합니다.
}
}, 성별 설정(val){
This.sexx = 발
}
};
//아, 성별이 바뀌어도 받아들일 정도로 관대해요
oo.sex = '여자';
console.log(oo.sex); //결과 여자

아마도 이것이 불필요하다고 생각할 것입니다. get과 set을 완전히 무시하고 섹스 메소드에 두 가지 권한을 직접 부여할 수 있기 때문입니다. 그러나 get과 set을 분리하는 이유는 JavaScript 객체 키 값 작업에 대한 ECMAScript5의 보다 엄격한 해석을 보다 명확하게 이해하기 위한 것입니다. 물론 IE로 오염된 중국에서는 새로운 주류 기술이 항상 제자리에 있지 않은 것처럼 보입니다. 실제 프로젝트 개발에서는 get 및 set을 결코 사용할 수 없지만 앞으로도 그렇게 하지 않을 것이라고 누가 보장할 수 있습니까?