typescript - これはTypeScriptの矢印の定義ですか?

Question

このようなオブジェクトリテラルを TypeScript で書きました。

var object = {
    message: "Say",
    say: () => {
        return this.message;
     }
};

そして、次のような生成された JavaScript を取得しました。

var object = {
    message: "Say",
    say: function () {
        return _this.message;
    }
};

returnステートメントの前にそのような行があるべきではありません:

 var _that = this;

私はアロー関数式を使用していますか？

score 2 · Accepted Answer

あなたは正しいです。：がありません

var _this = this;

これはリリース（0.8）の後に発見され、現在開発者ブランチで修正されています。

注：また、あなたは書きたかったと思います

var object = {
    message: "Say",
    say: function () {
        return () => this.message;
    }
};

score 2 · Accepted Answer

=>重要なことに、それは囲んでいるスコープのにバインドthisthisされるため、ここでは少し危険です。正しいコード生成では、var _this = this;行はオブジェクトリテラルの上sayにあり、関数は単純にを返しますundefined。

囲んでいるスコープに存在するものを実際に参照したい場合にのみthis、式で使用したいだけです。この特定のケースでは、必要ありません (内部スコープ、つまりオブジェクトリテラル自体が必要です)。=>thisthis

2 に答える 2