> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 객체 변수에 `this.var`이 필요한 이유는 무엇입니까?

JavaScript의 객체 변수에 `this.var`이 필요한 이유는 무엇입니까?

DDD
풀어 주다: 2024-12-16 12:45:14
원래의
669명이 탐색했습니다.

Why is `this.var` Necessary for Object Variables in JavaScript?

Javascript: 객체 변수에 대한 "this.var"의 필요성

C와 같은 특정 프로그래밍 언어에서는 "this를 사용하여 객체 변수를 선언합니다. ->variable"은 변수가 클래스 범위 내에 있을 때 선택 사항인 경우가 많습니다. 그러나 Javascript에서는 객체의 모든 변수에 "this.var"을 사용하는 것이 중요합니다.

"this.var"가 필요한 이유

Javascript는 고유한 클래스 기반 시스템 대신 원형 상속 모델. "new" 키워드를 사용하여 생성된 객체는 프로토타입 객체의 속성과 메서드를 상속합니다.

객체 생성자 함수 내에서 메서드를 정의할 때 "this" 키워드는 생성되는 객체를 참조합니다. "this"를 사용하지 않고 속성을 할당하면 함수 외부에서 액세스할 수 없는 메서드 내에 지역 변수가 생성됩니다.

예: "this.var" 없이

function Foo() {
    bar = 0;
    getBar = function() { return bar; }
}

const foo = new Foo();
console.log(foo.getBar()); // ReferenceError: bar is not defined
로그인 후 복사

예: 함께 "this.var"

function Foo() {
    this.bar = 0;
    this.getBar = function() { return this.bar; }
}

const foo = new Foo();
console.log(foo.getBar()); // 0
로그인 후 복사

대체 접근 방식: 클로저

객체 내에 비공개 변수를 생성하기 위해 Javascript 개발자는 클로저 접근 방식을 사용하는 경우가 많습니다. 생성자 함수 내에서 지역 변수를 정의하고 해당 변수에 액세스하는 권한 있는 메서드를 반환함으로써 공용 메서드를 노출하는 동안 개인 속성을 보존할 수 있습니다.

예: 클로저 사용

function Foo() {
    let bar = "foo";

    this.getBar = function() {
        return bar;
    };
}

const foo = new Foo();
console.log(foo.getBar()); // "foo"
로그인 후 복사

결론

"this.var"을 사용하면서 장황해 보일 수 있지만 메소드 내에서 객체 변수에 액세스할 수 있도록 하고 로컬 변수와 객체 수준 변수 간의 구별을 유지하는 것은 Javascript에서 필수적입니다. 또는 클로저를 사용하면 객체 내에서 개인 변수를 생성하여 캡슐화 및 데이터 보안을 강화할 수 있습니다.

위 내용은 JavaScript의 객체 변수에 `this.var`이 필요한 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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