[解決済み】TypeScriptのコールバックタイプの定義
2022-04-08 23:10:45
質問
TypeScriptで以下のようなクラスがあります。
class CallbackTest
{
public myCallback;
public doWork(): void
{
//doing some work...
this.myCallback(); //calling callback
}
}
このようなクラスを使っています。
var test = new CallbackTest();
test.myCallback = () => alert("done");
test.doWork();
コードが動作するので、期待通りにメッセージボックスが表示されます。
私の質問は、私のクラス・フィールドに提供できる型はあるかということです。
myCallback
? 今現在、パブリックフィールド
myCallback
は、型が
any
のようになります。コールバックのメソッドシグネチャはどのように定義すればよいのでしょうか?あるいは、コールバックの型を設定すればよいのでしょうか?または、これらのいずれかを行うことができますか?また
any
(implicit/explicit)?
このようなことをやってみたのですが、うまくいきませんでした(コンパイル時エラー)。
public myCallback: ();
// or:
public myCallback: function;
ネットで調べてもこれといった説明がなかったので、ご教授いただければと思います。
どのように解決するのですか?
TypeScriptの言語仕様の中にあるものを見つけただけなので、かなり簡単です。かなり惜しいことをしました。
は、以下のような構文です。
public myCallback: (name: type) => returntype;
私の例では、次のようになります。
class CallbackTest
{
public myCallback: () => void;
public doWork(): void
{
//doing some work...
this.myCallback(); //calling callback
}
}
型の別名として。
type MyCallback = (name: type) => returntype;
関連
-
[解決済み] オブジェクトの種類を決定しますか?
-
[解決済み] 型チェック:typeof、GetType、is?
-
[解決済み] コールバック内で正しい `this` にアクセスする方法
-
[解決済み] Pythonで型をチェックする標準的な方法は何ですか?
-
[解決済み] TypeScriptで文字列を数値に変換する方法とは?
-
[解決済み】TypeScriptのインターフェースと型について
-
[解決済み】type()とisinstance()の違いは何ですか?)
-
[解決済み] IEEE754の浮動小数点が正確に表現できない最初の整数はどれでしょう?
-
[解決済み] 汎用型と関連型の使い分けはいつが適切ですか?
-
[解決済み】doubleに格納できる最大の整数
最新
-
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 実装 サイバーパンク風ボタン