Js OOP : 클래스의 전용 변수

Question

안녕하세요.이 커뮤니티는 간단한 질문입니다.

누군가가이 인쇄가 왜 '정의되지 않은'이유인지 알 수 있습니까? 내가 john.bankBalance 느릅 나무를 인쇄 할 마지막 줄에서

function Person(first,last,age) { 
 
    this.firstname = first; 
 
    this.lastname = last; 
 
    this.age = age; 
 
    var bankBalance = 7500; 
 
} 
 

 
// create your Person 
 
var john = new Person ('John','Doe',33); 
 

 
// try to print his bankBalance 
 
document.write (john.bankBalance);

는 7500 개 감사합니다!

Answer 1

이는 클로저로 알려진 Javascript의 특성 때문입니다. 기본적으로 객체가 중첩 된 경우 내부 객체는 외부 객체의 변수에만 액세스 할 수 있습니다. this 키워드를 사용하여 본질적으로 변수를 해당 객체의 속성으로 만듭니다. var를 사용하여 선언 된 변수는 메서드를 정의한 객체에 액세스 할 수 없습니다. 흥미로운 읽기 위해 여기에이 링크

http://javascript.crockford.com/private.html

을 확인 개인 변수 및 일부 공공 방법과 속성을 가진 객체의 예입니다하시기 바랍니다. 이러한 특성은 객체 사용을 제한 할 때 유용합니다. john`하지 않는`때문에

function SpecialArray() { 

    var _array = []; 

    this.length = _array.length; 

    this.add = function(stuff) { 
     // add some stuff to it 
    } 

    this.remove = function(stuff) { 
     // take some stuff out of it 
    } 

    this.displayEvenNumbers = function(){ 
     for (var i=0; i< _array.length ; i+=2){ 
      console.log(_array[i]); 
     } 
    } 
} 

Answer 2

bankBalance 작성한대로 작성자에게만 적용됩니다. 인스턴스 변수로 액세스하려면 this.firstname 등으로 선언해야합니다. al.

Answer 3

bankBalance는 기능 범위에서만 사용할 수 있습니다. 공개적으로 액세스하려면 firstname 및 lastname과 마찬가지로 "this"로 정의해야합니다.

Answer 4

bankBalance의 범위로 인해 this을 생성자에만 추가해야합니다. 이 작업을 수행 할 수 있습니다 :

this.bankBalance = 7500; 

을 양자 택일로, 당신은과 같이 bankBalance에 대한 게터/세터를 설정할 수 있습니다 : 여기

this.getBalance = function() { 
    return bankBalance; 
} 

this.setBalance = function(balance) { 
    bankBalance = balance; 
} 

는 지역 변수 bankBalance에 대한 getter와 setter와 기능을 보여주는 JSFiddle입니다 .

또 다른 JSFiddle에는 인스턴스 변수로 액세스 할 수있는 'public'bankBalance 변수가 있습니다.