javascript - ES6語法

Question

在檢查一個開源項目（ 反應數據網格 ）的來源時，我偶然發現了這種語法，我無法解決這個問題：

class EditorBase extends React.Component {

  getStyle(): {width: string} {
    return {
      width: '100%'
    };
}

特別是getStyle(): { part。

我試圖咨詢其他SO問題，MDN 函數和類引用，但沒有提到上述語法。

我在這里錯過了什么？

Answer 1

所以這看起來是Flow-type（由Facebook創建）的用法，它是Javascript的靜態類型檢查器。 （您可以將其視為Linter，但對於數據類型而不是語法）

所以看起來令人困惑的部分可能就是這樣：

{width: string}

在流程中，當您在函數的括號后面有一個冒號時，它將表示該函數的預期返回類型。

此代碼通知Flow該函數應返回一個具有“width”鍵的對象，該鍵應為“string”類型。

查看Flow.org了解更多信息，以及如何開始自己使用它！

Answer 2

您引用的代碼檢查傳遞給方法的變量類型。

流程代碼/類型檢查僅在開發模式下使用，並將被babel剝離。

Flow是JavaScript的靜態類型檢查器。

詳細了解流量 。

這是用於反應數據網格的babel插件 。 它實際上已被棄用，您應該使用babel flow-runtime （如果您想使用它）。