协慌网

我正在尝试为属性创建 get 和 set 方法：

private _name: string;

Name() {
    get:
    {
        return this._name;
    }
    set:
    {
        this._name = ???;
    }
}

设置值的关键字是什么？

TypeScript 使用类似于 ActionScript3 的 getter / setter 语法。

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

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的本地属性，那么拥有一个 setter 和 getter 对将是多余的。如果需要在读取或写入属性时执行某些操作（例如日志记录），则以后可以随时添加它们。

Ezward 已经提供了一个很好的答案，但是我注意到其中一条评论询问如何使用它。对于像我这样偶然遇到此问题的人，我认为在 Typescript 网站上链接有关 getter 和 setter 的官方文档的链接将很有用，因为它可以很好地解释这一点，希望它将始终保持最新，因为更改会不断并显示示例用法：

http://www.typescriptlang.org/docs/handbook/classes.html

特别是，对于那些不熟悉它的人，请注意，不要将 “get” 一词包含在对 getter 的调用中（对于 setter 来说也是如此）：

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;
  }
}

然后将调用私有 “_bar” 属性的 “酒吧” 吸气剂。

这是一个工作示例，应该为您指明正确的方向：

class Foo {
    _name;

    get Name() {
        return this._name;
    }

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

JavaScript 中的 getter 和 setter 只是正常功能。设置器是一个函数，它接受一个参数，该参数的值是要设置的值。