接口上不存在属性答案

【问题标题】：Property does not exist on interface接口上不存在属性
【发布时间】：2019-07-22 00:51:33
【问题描述】：

我对接口在 TypeScript 中的工作方式感到困惑。

这是一段代码：

interface test1 {
}

class test2 implements test1
{
    public foo;
}

let test: test1 = new test2();

test.foo = 'test';

不会编译报错“property foo does not exist on type test1。那是不是意味着你在TypeScript中实现接口时，只能使用接口中声明的属性和方法？

我很困惑，因为我习惯了 PHP，这不会导致 PHP 出现任何错误。

【问题讨论】：

【解决方案1】：

那是不是意味着你在 TypeScript 中实现接口时，只能使用接口中声明的属性和方法？

没有。这意味着当你在 TypeScript 中引用具有特定接口的变量时，你只能使用在该变量的接口中声明的属性和方法。

这是 OOP 中的一般概念。

【讨论】：

【解决方案2】：

let test: test1 = new test2();

test.foo = 'test';

您将test1 分配为test 变量的类型，test1 接口中没有foo 属性。所以这就是你收到这个错误的原因。如果将类型更改为let test: test2: new test2();。它不会抛出任何错误：

let test: test2 = new test2();

test.foo = 'test';

【讨论】：

确实可以编译，但我想使用一个接口，这样我就可以让多个类通过相同的类型检查作为函数的参数。这是我的具体实现： let block: BlockInterface = new QuestionBlock();函数 someFunction(block: BlockInterface) { ....}

【解决方案3】：

在这里考虑两件事

interface test1 { }
class test2 implements test1{
    public foo;
}
let test = new test2();
test.foo = 'test';

选项 1

interface test1 { }
class test2 implements test1{
    public foo;
}
let test: test2 = new test2();
test.foo = 'test';

选项 2

interface test1 { }
class test2 implements test1{
    public foo;
}
let test: test1 | any = new test2();
test.foo = 'test';

【讨论】：