[解決済み] TypeScriptの"=>"の意味とは?(ファットアロー)
質問
私はTypeScriptを学び始めたばかりですが、このsytaxを使ったコードがたくさんあるのを見かけました。
=>
. を読んで調べてみました。
TypeScript バージョン 1.6 の仕様
を読んだり、ググったりして調べました。の意味がまだ理解できません。
=>
.
という感じが私にはします。
ポインタ
をC++で使っています。しかし、確認ができません。どなたか、以下の例で解説していただけると助かります。ありがとうございました。
以下は、Typescript の仕様書を読んでいて見つけた例です。
オブジェクトの種類
var MakePoint: () => {
x: number; y: number;
};
質問です。このコードは何をしているのでしょうか?というオブジェクトを作成しています。
メイクポイント
というオブジェクトを作成し、xとyのフィールドは
数
という型なのでしょうか?のコンストラクタか関数でしょうか?
MakePoint
?
関数の種類
function vote(candidate: string, callback: (result: string) => any) {
// ...
}
質問です。の意味は何ですか?
=> any
? 文字列型を返さなければならないのでしょうか?
どなたか、これらの例の違いや目的をわかりやすく説明していただけませんか?お忙しい中、ありがとうございました。
どのように解決するのですか?
おそらく、型情報と関数宣言を混同しているのでしょう。もし、あなたが をコンパイルすると、以下のようになります。 :
var MakePoint: () => {x: number; y: number;};
を生成していることがわかると思います。
var MakePoint;
TypeScriptでは
:
の後にあり
=
(代入) の前にあるのは型情報です。つまり、この例では、MakePoint の型は引数を 0 個取り、2 つのプロパティを持つオブジェクトを返す関数であると言っているのです。
x
と
y
は、どちらも数字です。これは、その変数に関数を代入しているわけではありません。これに対して、コンパイルは
var MakePoint = () => 1;
を生成します。
var MakePoint = function () { return 1; };
なお、この場合
=>
という太い矢印が代入演算子の後にあることに注意してください。
関連
-
[解決済み】Typescriptで、! (エクスクラメーションマーク/バン)演算子でメンバを再参照するのは?
-
[解決済み] TypeScriptで文字列を数値に変換する方法とは?
-
[解決済み] TypeScript で `window` に新しいプロパティを明示的に設定するにはどうすればよいですか?
-
[解決済み] TypeScriptでの取得と設定
-
[解決済み] TypeScriptでパラメータとして強く型付けされた関数は可能か?
-
[解決済み] Typescript は ?演算子をサポートしていますか?(そして、それは何と呼ばれているのでしょうか?)
-
[解決済み] ジェネリックスを使用したTypescriptのarrow関数の構文はどのようになっていますか?
-
[解決済み】TypeScriptのインターフェースと型について
-
[解決済み】TypeScript - 正しいバージョンのsetTimeoutを使用する(ノードとウィンドウの比較)
-
[解決済み] TSにおける文字列列列挙型と文字列リテラル型の相違点
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] "=>"の意味は?(JavaScriptでは、等号と大文字からなる矢印を使用することができますか?
-
[解決済み] tsconfig.jsonのtargetは何のためにあるのですか?
-
[解決済み] TypeScript "this" scoping issue when called in jquery callback.
-
[解決済み] typescriptでmoment.jsをインポートするには?
-
[解決済み] TypeScript Genericsに複数の型制約を指定することは可能か?
-
[解決済み] Angular 2 カスタムフォーム入力
-
[解決済み] TypeScriptで単一のプロパティをオプションにする
-
[解決済み] typescriptで非推奨のマークを付けることは可能ですか?
-
[解決済み] TypeScriptのInterfacesでgetter/setterを使用することは可能ですか?重複
-
[解決済み] typescript の module.exports