Typescript 里的这种写法是什么意思？

[tsuih]

在看源码的时候发现下面这种写法，不明白是什么意思，请教一下各位：

const temp: ToughCookieFileStore = {
    [domain]: {
        [path]: {
            [name]: {
                key: name,
                value: etcCookie.value,
                expires,
                domain,
                path,
                secure: etcCookie.secure,
                httpOnly: etcCookie.httpOnly,
                hostOnly: etcCookie.hostOnly,
            },
        },
    },
};

下面是接口的声明

 export interface ToughCookieFileStore {
  [site: string]: TCFSPaths;
}

export interface TCFSPaths {
  [site: string]: TCFSCookies;
}

export interface TCFSCookies {
  [cookieName: string]: TCFSCookieAttributes;
}

export interface TCFSCookieAttributes {
  key: string;
  value: string;
  expires?: string;
  maxAge?: number;
  domain: string;
  path: string;
  secure?: boolean;
  httpOnly?: boolean;
  extensions?: string[];
  hostOnly: boolean;
  creation?: string;
  lastAccessed?: string;
}

[CismonX]

https://www.typescriptlang.org/docs/handbook/interfaces.html#indexable-types

[noe132]

domain 是变量，用 domain 的值做 key 。方括号内可以是任意表达式

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer

不要被 ts 骗了，这是 js 的语法

[alexkuang]

方括号里是对象的动态键名，es6 语法跟 ts 无关

[bearboss]

索引签名，外面两层实际上并没有什么限制，可以设置任意的字符串作为属性，最后这层才需要符合 TCFSCookieAttributes 的定义

[tsuih]

@noe132 多谢，很有帮助