Question

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

interface I {
      get name():string;
}

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

此外，TypeScript不允许在类方法中使用Array Function Expression：对于前：

class C {
    private _name:string;

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

还有其他方法可以在接口定义中使用getter和setter吗？

Answer 1

您可以在界面上指定属性，但无法强制使用是否使用了getter和setter，如下所示：

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，我可以使用一个属性代替（下面的例子） - 但是接口应该隐藏这些实现细节，因为它是一个承诺关于它可以调用什么的调用代码。

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

最后，=>不允许使用类方法 - 如果您认为有一个烧录用例，则可以start a discussion on Codeplex。这是一个例子：

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

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

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

Answer 2

要补充其他答案，如果您希望在界面上定义get value，则可以执行以下操作：

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

首先，在编写Ecmascript 5时，Typescript仅支持get和set语法。为此，您必须使用

调用编译器。

tsc --target ES5

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

interface I { 
    getName():string;
}

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

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

interface I {
    getName():string;
}

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

请注意，课程C未指定字段name。它实际上是在构造函数中使用语法糖public name: string声明的。

正如Sohnee指出的那样，界面实际上应该隐藏任何实现细节。在我的例子中，我选择了接口来要求一个java风格的getter方法。但是，您也可以使用属性，然后让类决定如何实现接口。

Answer 4

使用TypeScript 3.4：

interface IPart {
    getQuantity(): number;
}

class Part implements IPart {
    private quantity: number;
    constructor(quantity: number) {
        this.quantity = quantity;
    }
    public getQuantity = (): number => {
        return this.quantity;
    };
}

let part = new Part(42);

// When used in typescript, quantity is not accessible.
// However, when compiled to javascript it will log '42'.
console.log(part.quantity);

// Logs '42'.
console.log(part.getQuantity());

请参见TypeScript Playground上的示例。

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

4 个答案: