这个函数里的... 是什么东西，这么神奇，还有函数声明后面的{}。

[vonnyfly]

export function create(styles: Object): {[name: string]: number} {
  const platformStyles = {};
  Object.keys(styles).forEach((name) => {
    let {ios, android, ...style} = {...styles[name]};
    if (ios && Platform.OS === 'ios') {
      style = {...style, ...ios};
    }
    if (android && Platform.OS === 'android') {
      style = {...style, ...android};
    }
    platformStyles[name] = style;
  });
  return StyleSheet.create(platformStyles);
}

[frogcjn]

@vonnyfly 这个代码是哪里的？ TypeScript 还没支持这个 ES8 object property spread and rest 的特性吧？ TypeScript 2.1 才有。 https://github.com/Microsoft/TypeScript/wiki/Roadmap

[frogcjn]

@vonnyfly 这个应该是 babel+typeflow,
babel-cli 再加上 babel-preset-es2015 ，和 babel-plugin-transform-object-rest-spread 这个插件。
http://babeljs.io/docs/plugins/transform-object-rest-spread/

TypeScript 还不支持 object property spread and rest.

[keyanzhang]

https://gist.github.com/keyanzhang/72f4d929b1cccfab91756920956aa062

[keyanzhang]

不知道现在回复是否支持 Markdown 了，如果不支持的话请看上面的 gist 。

这段代码应该来自 https://github.com/fbsamples/f8app/blob/master/js/common/F8StyleSheet.js

`...` 是通过 [babel]( http://babeljs.io/) 转译的 Rest/Spread 。具体请看 https://github.com/sebmarkbage/ecmascript-rest-spread
- `let {ios, android, ...style} = obj` 可以理解成 `let ios = obj.ios; let android = obj.android; let style = "obj 中除去 ios 和 android 之外的所有 property";`
- `let` 右侧的 `{...styles[name]}` 可以理解成 `Object.assign({}, styles[name]);`
- 同理，`style = {...style, ...android};` 会被 babel 转译成 `style = Object.assign({}, style, android);`

函数签名中的 `: Object` 以及 `: {[name: string]: number}` 是 [flow]( https://flowtype.org/) 的类型标注（并不是 TypeScript ）。换句话说，`create` 这个函数接受一个类型为 `Object` 的参数 `styles`，并返回一个类型为 `{[name: string]: number}` 的值。
- 除去 `number`、`string`、`boolean`、`null` 以及 `undefined` 之外的任何类型均可被标注为 `Object`
- https://flowtype.org/docs/objects.html#the-object-type
- `{[name: string]: number}` 代表这是一个从 `string` 到 `number` 的映射。举个例子的话，这个函数返回 `{ a: 12, b: 13 }` 是没有问题的，但如果返回 `{ a: 12, b: 'foo' }` 则会报错，因为 `'foo'` 是一个 `string` 而不是 `number`
- https://flowtype.org/docs/objects.html#objects-as-maps

[vonnyfly]

@keyanzhang 写的很好。
其实已多年看代码的经验就明白，只是觉得写的很神奇。
赞你的解释。让我更清楚了语法相关的内容。