javascript - クリックイベントなしで実行中の関数を処理する「クリック」イベントのd3.js

Question

現在、d3 ビジュアライゼーションのマウスクリックイベント処理を行っています。

fooCircle.on("click",fooFunction("barParameter"));

私の問題は、要素をクリックしなくても関数が実行されることです。これは、関数内に print ステートメントを入れているためです。

興味深いことに、関数をパラメーターを受け取る関数に変更しないと、関数は本来の動作をします。つまり、適切な要素をクリックすると実行されます。

fooCircle.on("click",fooFunction);

score 10 · Accepted Answer

誰かが私の問題を手伝ってくれました。解決策は次のとおりです。

fooCircle.on("click", function () {fooFunction("barParameter"); });

このように、関数の結果ではなく、関数が on 関数に渡されます。

score 6 · Accepted Answer

fooFunctionはい、クリックハンドラーをサブスクライブしている場所で呼び出しているためです。

fooCircle.on("click",fooFunction("barParameter"));// Calls fooFunction with param "barParameter"

その時点で、関数を呼び出したばかりなので、console.log が表示されます。

さらに、あなたfooFunctionは何も返さないと仮定します。つまり、本質的にはを返しますundefined。したがって、サブスクリプションは基本的に次のようになります。

fooCircle.on("click", undefined);// Nothing will happen since there's no handler

これが、2 番目のコードスニペットが正常に機能する理由です。後で呼び出す関数を提供しているためです。

疑問が残りますが、の意味は"barParameter"何ですか? クリック時にハンドラーを呼び出すときにd3が提供するものfooFunction以外dに、他のパラメーターを渡す必要がありますか?i

2 に答える 2