是否可以在接口定义中使用getter/setter？

Question

目前，TypeScript不允许在接口中使用get/set方法（访问器）。例如：

interface I {
      get name():string;
}

class C implements I {
      get name():string {
          return null;
      } 
}

此外，TypeScript 不允许在类方法中使用数组函数表达式：例如：

class C {
    private _name:string;

    get name():string => this._name;
}

有没有其他方法可以在接口定义上使用getter和setter？

Answer 1

首先，当目标是ECMascript 5时，Typecript只支持get和set语法。要实现这一点，您必须使用

tsc --target ES5

接口不支持getter和setter。要让您的代码编译，您必须将其更改为

interface I { 
    getName():string;
}

class C implements I { 
    getName():string {
          return null;
    }   
}

typescript支持的是构造函数中字段的特殊语法。在你的情况下，你可以

interface I {
    getName():string;
}

class C implements I {
    constructor(public name: string) {
    }
    getName():string {
        return name;
    }
}

请注意类C如何没有指定字段name。它实际上是在构造函数中使用语法糖公共名称：字符串声明的。

正如Sohnee指出的，该接口实际上应该隐藏任何实现细节。在我的例子中，我选择了需要java风格的getter方法的接口。但是，您也可以设置属性，然后让类决定如何实现接口。

Answer 2

为了补充其他答案，如果您希望在接口上定义 get 值，则可以使用 readonly：

interface Foo {
  readonly value: number;
}

let foo: Foo = { value: 10 };

foo.value = 20; //error

class Bar implements Foo {
  get value() {
    return 10;
  }
}

但据我所知，正如其他人所提到的，目前没有办法在接口中定义一个只设置属性。但是，您可以将限制移动到运行时错误（仅在开发周期中有用）：

interface Foo {
  /* Set Only! */
  value: number;
}

class Bar implements Foo {
  _value:number;
  set value(value: number) {
    this._value = value;
  }
  get value() {
    throw Error("Not Supported Exception");
  }
}

不推荐的做法;而是一种选择。

Answer 3

您可以在接口上指定属性，但不能强制是否使用getters和setters，如下所示:

interface IExample {
    Name: string;
}

class Example implements IExample {
    private _name: string = "Bob";

    public get Name() {
        return this._name;
    }

    public set Name(value) {
        this._name = value;
    }
}

var example = new Example();
alert(example.Name);

在这个例子中，接口没有强制类使用getter和setter，我可以用一个属性来代替（下面的例子）——但是接口无论如何都应该隐藏这些实现细节，因为它是对调用代码的promise，promise它可以调用什么。

interface IExample {
    Name: string;
}

class Example implements IExample {
    // this satisfies the interface just the same
    public Name: string = "Bob";
}

var example = new Example();
alert(example.Name);

最后，＜code＞=

class Test {
    // Yes
    getName = () => 'Steve';

    // No
    getName() => 'Steve';

    // No
    get name() => 'Steve';
}