class a {
public COUNTS = new Set<string>();
constructor() {
}
public execute(): any {
this.COUNTS.add('a');
this.COUNTS.add('b');
console.log(this.COUNTS);
return { contas: this.COUNTS };
}
}
const x = (new a()).execute();
console.log(x);
第一个控制台日志(log)返回预期创建的集合，第二个日志(log)仅返回{contas:{}}.我想知道为什么这只发生在布景和 map 上.
这没什么不对的.您所看到的是您正在使用的工具如何决定表示其输出.
在TS操场上，您可以看到:
但是，如果将编译后的JavaScript代码放在StackOverflow的代码片段中，您会看到以下内容:
class a {
constructor() {
this.COUNTS = new Set();
}
execute() {
this.COUNTS.add('a');
this.COUNTS.add('b');
console.log(this.COUNTS);
return { contas: this.COUNTS };
}
}
const x = (new a()).execute();
console.log(x);但如果您打开Chrome开发工具并查看控制台输出，您会看到以下内容:
因此，不同的工具似乎在控制台输出中以不同的方式表示集，其中一些工具在集位于一个JavaScript对象内时更改了这种表示.无论如何，SET应该继续像SET一样工作.
如果要构建该对象以作为JSON字符串发送，请注意Set对象的JSON表示只有{}.因此，您可能需要将其转换为可序列化的内容，如数组，这可以使用Swike操作符来完成:
return { contas: [...this.COUNTS] };