2016-08-21 12 views
2

私はReactのフラックスストアのドキュメントを見ていました。彼らは次の例を示しました。このES6構文とは何ですか?関数呼び出し後のコロン

import {ReduceStore} from 'flux/utils'; 

class CounterStore extends ReduceStore<number> { 
    getInitialState(): number { 
    return 0; 
    } 

    reduce(state: number, action: Object): number { 
    switch (action.type) { 
     case 'increment': 
     return state + 1; 

     case 'square': 
     return state * state; 

     default: 
     return state; 
    } 
    } 
} 

参照getInitialState():数{}、これは以前のjavascriptの構文規則に従っていないようです。どのようにES5の構文を使用してこれを書いていますか?

+2

それはTypescript –

答えて

5

これはTypescriptであり、関数が返す値の型を注釈しています。 getInitialStateは数値を返します。

reduce()に渡される引数に同じアノテーションが表示されます。この種のアノテーションを使用すると、IDE /テキストエディタが本当に役立つ提案やエラーチェックを行うことができます。

+0

ありがとう:)ドキュメントのどこかにtypescriptを使用していると思われるかもしれませんが、明らかにそうではありません。 – irishjauntingcar

+1

構文は似ていますが、これは* flow *静的チェッカーでありTypeScriptではないことは間違いありません。 https://github.com/facebook/fluxの注釈を参照してください。 – Oleg

3

これはES6構文の一部ではありません。あなたは、flowjsTypeScriptのような静的型チェッカーの型定義を見ています。そのためのES6構文はありません。

関連する問題