[damiano_polishiano]

#javascript #webdev
Mireczki, może dla jednych proste, dla innych śmieszne, ale pomożecie?
Czym się różnią te dwa przykłady tutaj, że pierwszy działa, a drugi daje błąd?
https://codepen.io/DamianL/pen/bxVEXO/

[przecier666]

@damiano_polishiano: w 1 do debounce przekazujesz funkcję toggle jako parametr a w 2 przekazujesz do debounce wynik wykonania funkcji change ktora na dodatek nic nie zwraca ( ͡° ͜ʖ ͡°)

[damiano_polishiano]

@przecier666: ta toggle w 1 też nic nie zwraca ( ͡° ʖ̯ ͡°). A 2 to rozumiem tak, że do debounce przekazuję funkcję changeClass jako parametr, która to jako parametr ma topMenuContainer czyli to w sumie też funkcja, ale zwracająca element z DOM.

tak jakby chyba nie rozumiem różnicy między:

function querySelector(baseElement, selector) {
 return baseElement.querySelector(selector);
}

const toggleClass = function() {
 const topMenuContainer = querySelector(document, '.top-menu');

[przecier666]

@damiano_polishiano: obie nic nie zwracają ale zrozum różnicę w przekazaniu funkcji jako parametr a wyniku wykonania funkcji (nie zwracającej nic) jako parametr

[bortsimpson]

@damiano_polishiano: tak jak mówi @przecier666 - w pierwszym sposobie, po przekazaniu do debounce toggleClass, wewnętrzny parametr fn jest faktycznie funkcją, w drugim przykładzie fn jest tym co zwróci wywołanie changeClass, a że nie zwraca nic, to będzie undefined. undefined z pewnością nie ma property 'apply'. :D

[damiano_polishiano]

@bortsimpson: @przecier666: w drugim sposobie poszedłem dalej otaczając w debounce wszystko za pomocą:

function() {}

tzn:

 window.addEventListener('resize', debounce(function() {
 changeClass(topMenuContainer)
 }, 500)
 , false);

teraz wrócę do powtórzenia podstaw :P