定義済みマップの未定義のプロパティ 'set'を読み取ることができません

Question

私は初めてES6で作業しており、マップについていくつかのことを読んでいます。私が理解から、これはうまくES6の可能性の範囲内でなければなりません。しかし

export class Elements { 

    constructor() { 
     this.elements = new Map(); 
     this.attachListeners(); 
    } 

    textElement() { 
     this.elements.set((elements.length + 1), new TextElement()); 
    } 

    attachListeners() { 
     document.getElementById('addText').addEventListener('click', this.textElement); 
    } 
} 

、私はaddText要素をクリックしたときに、私は

Uncaught TypeError: Cannot read property 'set' of undefined at HTMLDivElement.textElement

私のコンソールで、次の取得私はスワップを試してみましたMapはSet、Array、Objectですが、私のコンソールには同じエラーが続きました。

このような単純な操作が機能しないのはどうでしょうか？

Answer 1

あなたはこのように、あなたのリスナーをバインドする必要があります。

document.getElementById('addText').addEventListener('click', this.textElement.bind(this)); 

そうでない場合は、thisはあなたのtextElement機能であなたの「addText」要素を指します。

をtextElementで試してみると、.bind(this)の有無に関係なく、何が起きているのか分かります。