> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 프로토타입 정의 함수에서 전용 멤버 변수에 액세스하는 방법은 무엇입니까?

JavaScript의 프로토타입 정의 함수에서 전용 멤버 변수에 액세스하는 방법은 무엇입니까?

Susan Sarandon
풀어 주다: 2024-10-26 14:10:30
원래의
523명이 탐색했습니다.

How to Access Private Member Variables from Prototype-Defined Functions in JavaScript?

프로토타입 정의 함수에서 전용 멤버 변수에 액세스

JavaScript에서 생성자 내에 정의된 전용 멤버 변수는 프로토타입에서 액세스할 수 없습니다. 정의된 방법. 이는 다음 코드 조각에서 분명하게 드러납니다.

TestClass = function(){
    var privateField = "hello";
    this.nonProtoHello = function(){alert(privateField)};
};
TestClass.prototype.prototypeHello = function(){alert(privateField)};
로그인 후 복사

nonProtoHello가 privateField에 성공적으로 액세스하는 동안 프로토타입Hello는 실패합니다.

추론

프로토타입을 포함한 기능 -정의된 메소드는 정의된 범위에 액세스할 수 있습니다. 전용 멤버 변수는 생성자 범위 내에서 정의되므로 프로토타입 정의 메서드에서 액세스할 수 없습니다.

해결책

프로토타입 메서드에서 전용 변수에 대한 액세스를 제공하려면:

  • 이 객체에 getter 및 setter를 정의합니다.
  • 프로토타입 메서드는 이러한 getter 및 setter에 액세스하여 개인 변수와 상호 작용할 수 있습니다.

예:

function Person(name, secret) {
    // public
    this.name = name;

    // private
    var secret = secret;

    // public methods have access to private members
    this.setSecret = function(s) {
        secret = s;
    }

    this.getSecret = function() {
        return secret;
    }
}

// Must use getters/setters 
Person.prototype.spillSecret = function() { alert(this.getSecret()); };
로그인 후 복사

이 접근 방식을 사용하면 프로토타입 정의 메서드가 캡슐화를 유지하면서 getter 및 setter를 통해 전용 멤버 변수와 상호 작용할 수 있습니다.

위 내용은 JavaScript의 프로토타입 정의 함수에서 전용 멤버 변수에 액세스하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿