コールバック関数は、プロパティ自体を格納するオブジェクトですか？

Question

次のテストコードは正しく動作します。 mousemoveイベントはオブジェクトmousePositionの中にマウスの位置を格納するcheckPosition関数をトリガします。

"use strict"; 
 

 
const mousePosition = { 
 
    x: 0, 
 
    y: 0 
 
} 
 

 
function checkPosition(e) { 
 
    mousePosition.x = e.clientX; 
 
    mousePosition.y = e.clientY; 
 
} 
 
    
 
addEventListener("mousemove", checkPosition); 
 
addEventListener("click",() => console.log(mousePosition));

私は、可能な場合は、これを単純化したいと思いますが。コールバック関数の中にマウスの位置を格納する方法はありますか？私はこれをさまざまな方法で試してみたが、私は運がない。

以下のコードは機能しませんが、うまくいけば私が達成しようとしていることが示されます。私は私の構文が骨抜きでなければならないことを知っているが、私はこれをどのように構築するのか分からない。本当にありがとう！

"use strict"; 
 

 
const mousePosition = (e) => { 
 
    x: e.clientX, 
 
    y: e.clientY 
 
}; 
 
    
 
addEventListener("mousemove", mousePosition); 
 
addEventListener("click",() => console.log(mousePosition.x, mousePosition.y));

Answer 1

あなたがアクセスを提供するために、名前の関数を使用することができます関数自身のオブジェクトに：

"use strict"; 

const mousePosition = function f(e) { 
    f.x = e.clientX; 
    f.y = e.clientY; 
}; 

addEventListener("mousemove", mousePosition); 
addEventListener("click",() => console.log(mousePosition.x, mousePosition.y)); 

内部mousePosition関数内の関数のローカル名fの使用に関係なく、コードのいくつかの他の作品は、何か他のもので外部変数mouseFunctionを置き換えるかどうかの、性質が与えられた関数に格納されますことを保証する必要があります。

は、あなたがarguments.callee.<property>使用している可能性が前ES5コードで

[そのconstはそれを防ぐ必要があるにもかかわらず、それはまだ、そのオブジェクト内からオブジェクトの外部名を参照することをお勧めではありません]が、strictモードはそれを禁止します。

Answer 2

あなたは、このように動的にxとyプロパティを追加することによってそれを行うことができます。

"use strict"; 
 

 
const mousePosition = (e) => { 
 
    mousePosition.x = e.clientX; 
 
    mousePosition.y = e.clientY; 
 
}; 
 

 
addEventListener("mousemove", mousePosition); 
 
addEventListener("click",() => console.log(mousePosition.x, mousePosition.y));