odwolanie do funkcji z parametrami nie działa

Question

function test(param) {

console.log("dziala " + param)

}


document.onmouseup = test

//działa normalnie, natomiast

document.onmouseup = test('param')

//nie działa.

dlaczego i jak sprawic aby działało?

Answer 1

Ponieważ przypisujesz tam od razu wynik zwracany przez funkcję test, a nie referencję do niej. Proponuję zapinać listenery nieco inaczej:

document.addEventListener('onmouseup', () => {
  // tutaj coś robimy, np.
  test('param');
});

jest to bezpieczniejsze, bo nie nadpiszesz sobie np. innych listenerów dla tego samego eventu.

Answer 2

test('param')

zwraca undefined, i tą wartość przypisujesz do onmouseup

funkcja test musi zwracać funkcję:

function test(param) {
  return function() {
    console.log("działa " + param)
  }
}

 

Answer 3

 

function test(param) { 
  console.log("dziala " + param) 
}
 
document.onmouseup = () => {
  test('param');
}

w momencie ładowania strony (parsowanie) zostanie wywołane mouseup, a później przez każdorazowe kliknięcie  CodePen

function test(param) { 
  console.log("activated: " + param) 
}
 
(document.onmouseup = (param) => {
  param = (param == null) ? 'on load mouse up' : 'mouse up';
  test(param);
}).call(this)