Tengo una devolución de llamada que usa el objeto de evento para obtener un valor y hacer cosas con él. También quiero pasar la devolución de llamada el valor directamente. Hay muchas maneras en que puedo hacer esto, pero todas se sienten como un código incorrecto, aquí hay un par:

 document.querySelector('div').onclick = log; // Base Method Example function log(event) { const id = event.target.id; console.log(id) } // Can't pass ID

 // Wrapping const execute = func => event => { const id = event.id; func.call(this, id); } document.querySelector('div').onclick = execute(log); function log(id) { console.log(id) }

 document.querySelector('div').onclick = log; // Input type check function log(input) { const id = (input instanceof Event)? input.target.id : input; console.log(id); }

 document.querySelector('div').onclick = log; // Multiple inputs function log(event, id) { const input = event? event.target.id : id console.log(input); } log(undefined, 42)

De estos, me inclino por el ajuste o la verificación de tipos, pero ¿hay una forma aún más concisa de hacerlo? ¿Existen mejores prácticas conocidas en términos de manejo de este requisito?