120

目前，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？

4

4 回答 4

144

可以在接口上指定属性，但不能强制是否使用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);

最后，=>不允许用于类方法 -如果您认为 Codeplex 有一个紧迫的用例，您可以开始讨论它。这是一个例子：

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

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

    // No
    get name() => 'Steve';
}
于 2012-10-11T12:03:52.933 回答
60

为了补充其他答案，如果您希望get value在接口上定义 a ，您可以使用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");
  }
}

不推荐的做法；但一个选择。

于 2016-12-13T11:32:38.317 回答
2

首先，Typescript 仅在针对 Ecmascript 5时才支持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;
    }
}

注意 classC没有指定 field name。它实际上是public name: string在构造函数中使用语法糖声明的。

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

于 2012-10-11T11:45:54.047 回答
0

使用 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上的示例。

于 2019-05-25T14:30:48.713 回答