（打字稿）自动访问子 object 属性

Question

我是 TS 的新手，有一个问题：

说我有以下内容：

interface FolderInterface {
   name: string;
   source: {
     type: 'usb'
   },
   // many more properties
}

class FolderImpl {
   folder: FolderInterface
}

我有一个FolderImpl的实例，称为folderImpl 。

我想做的是，如果调用folderImpl.name ，它会自动调用folderImpl.folder.name 。

我猜一种方法是复制属性，但有没有比这更好的方法？

感谢您的热心帮助。

Answer 1

在 Typescript 中，可以使用 implements 子句来验证 class 是否符合特定接口

这不是你在做什么，如果你的 class FolderImpl有一个FolderInterface类型的属性，它不需要实现任何其他 class。

class FolderImpl {
   constructor(
    public folder: FolderInterface, public otherProp: string
   ) {
    this.folder = folder;
    this.otherProp = otherProp;
  }
}

有没有办法自动将 map 的所有内容都添加到文件夹中的相应字段

你不必 map 如果你想声明一个FolderImpl类型的常量，你可以这样做：

const test : FolderImpl =  new FolderImpl({name: 'zab', source: { type : 'usb'}},'ahmed');

然后你像这样访问你的属性：

const myFolder = test.folder

Answer 2

似乎您想要的也可以简单地通过inheritance来实现，它是 javascript 的原生对象。您可以创建一个“父级” class ，其属性可以在其所有“子级”之间共享。

您的家长 class：

class Folder {
  name: string;
  source: {
    type: 'usb'
  };
  
  constructor(name: string) {
    this.name = name;
  }
}

现在你将这个 class 扩展到你的实现“子”class：

class FolderImp extends Folder {
  constructor(name: string) {
    super(name);
  }
  
  // add methods that would be specific to the FolderImp class
  // you can access all the properties of the parent class
  printName() {
    console.log(this.name);
  }
}

注意super调用，这允许您设置父 class 的属性，而无需在子 class 中声明它们。所以现在这将起作用：

const folderImp = new FolderImp("bin");
folderImp.printName() // prints bin