[typescript] TypeScript에서 가져 오기 및 설정

TypeScript는 ActionScript3와 같은 getter / setter 구문을 사용합니다.

class foo {
    private _bar: boolean = false;
    get bar(): boolean {
        return this._bar;
    }
    set bar(value: boolean) {
        this._bar = value;
    }
}

ECMAScript 5 Object.defineProperty()기능을 사용하여이 JavaScript를 생성 합니다.

var foo = (function () {
    function foo() {
        this._bar = false;
    }
    Object.defineProperty(foo.prototype, "bar", {
        get: function () {
            return this._bar;
        },
        set: function (value) {
            this._bar = value;
        },
        enumerable: true,
        configurable: true
    });
    return foo;
})();

사용하려면

var myFoo = new foo();
if(myFoo.bar) {         // calls the getter
    myFoo.bar = false;  // calls the setter and passes false
}

그러나이를 사용하려면 TypeScript 컴파일러가 ECMAScript5를 대상으로해야합니다. 명령 행 컴파일러를 실행중인 경우 다음 --target과 같이 플래그를 사용 하십시오.

tsc --target ES5

Visual Studio를 사용하는 경우 TypeScriptCompile 빌드 도구의 구성에 플래그를 추가하도록 프로젝트 파일을 편집해야합니다. 여기서 볼 수 있습니다 :

@DanFromGermany이 아래에서 제안하는 것처럼 단순히 지역 속성을 읽고 쓰는 foo.bar = true경우 세터와 게터 쌍을 갖는 것은 과도합니다. 속성을 읽거나 쓸 때마다 로깅과 같은 작업을 수행해야하는 경우 언제든지 나중에 추가 할 수 있습니다.

답변

var myBar = myFoo.getBar(); // wrong    
var myBar = myFoo.get('bar');  // wrong

var myBar = myFoo.bar;  // correct (get)
myFoo.bar = true;  // correct (set) (false is correct too obviously!)

class foo {
  private _bar:boolean = false;

  get bar():boolean {
    return this._bar;
  }
  set bar(theBar:boolean) {
    this._bar = theBar;
  }
}

class Foo {
    _name;

    get Name() {
        return this._name;
    }

    set Name(val) {
        this._name = val;
    }
}

class Human {
    private firstName : string;
    private lastName : string;

    constructor (
        public FirstName?:string,
        public LastName?:string) {

    }

    get FirstName() : string {
        console.log("Get FirstName : ", this.firstName);
        return this.firstName;
    }
    set FirstName(value : string) {
        console.log("Set FirstName : ", value);
        this.firstName = value;
    }

    get LastName() : string {
        console.log("Get LastName : ", this.lastName);
        return this.lastName;
    }
    set LastName(value : string) {
        console.log("Set LastName : ", value);
        this.lastName = value;
    }

}

class Person {
    constructor(name: string) {
        this._name = name;
    }

    private _name: string;

    get name() {
        return this._name;
    }

    // first checks the length of the name and then updates the name.
    set name(name: string) {
        if (name.length > 10) {
            throw new Error("Name has a max length of 10");
        }

        this._name = name;
    }

    doStuff () {
        this._name = 'foofooooooofoooo';
    }


}

const person = new Person('Willem');

// doesn't throw error, setter function not called within the object method when this._name is changed
person.doStuff();

// throws error because setter is called and name is longer than 10 characters
person.name = 'barbarbarbarbarbar';  

class Name{
    private _name: string;

    getMethod(): string{
        return this._name;
    }

    setMethod(value: string){
        this._name = value
    }

    get getMethod1(): string{
        return this._name;
    }

    set setMethod1(value: string){
        this._name = value
    }
}

class HelloWorld {

    public static main(){

        let test = new Name();

        test.setMethod('test.getMethod() --- need ()');
            console.log(test.getMethod());

        test.setMethod1 = 'test.getMethod1 --- no need (), and used = for set ';
            console.log(test.getMethod1);
    }
}
HelloWorld.main();

    get getMethod1() {
        return this._name;
    }

class Car{
    private tiresCount = 4;
    get yourCarTiresCount(){
        return this.tiresCount ;
    }
    set yourCarTiresCount(count) {
        alert('You shouldn't change car tire count')
    }
}

function() {
    return this.tiresCount ;
}

function(count) {
    alert('You shouldn't change car tire count');
}