Minkä takia toi ensimmäinen ei toimi?
Tulostaa heti consoliin viestin, eikä vasta kun on klikattu.
function testi(e) {
console.log(”Testi functio”);
}
const div = document.querySelector("#testi");
// ei toimi
div.addEventListener("click", testi(”teksti”));
// toimii
div.addEventListener(”click”, testi);
Tulostaa heti consoliin viestin, eikä vasta kun on klikattu.
function testi(e) {
console.log(”Testi functio”);
}
const div = document.querySelector("#testi");
// ei toimi
div.addEventListener("click", testi(”teksti”));
// toimii
div.addEventListener(”click”, testi);
Vastaukset 8
Vanhimmat
Siksi koska kutsut funktiota ensimmäisessä, joten se suoritetaan siinä paikassa ja sen paluuarvo (eli undefined) asetetaan event listeneriksi.
Vaihda hipsut.
Asettamalla tämän tapahtumakuuntelijan S24 sivulla, jokainen "UUSI" infon klikkaus tuottaa viestin.
document.querySelectorAll(".BXbUW").forEach(i => i.addEventListener("click", e => {
console.log("Painoit 'UUSI' informaatio viestiä.");
}));
Tämän laitoin siksi, että tulostan PDF -dokumentin itselleni, näistä paremmista kysymyksistä. Recoll auttaa löytämään ohjeen kun sitä seuraavan kerran tarvitsen.
Enpä muistanut selitellä tuota.
Eli siinä asetetaan tapahtumankuuntelija jokaiselle ".BXbUW" luokan (class) elementille.
Kuten tuolla jo mainittiin, niin jos funktio kirjoitetaan sulkeiden kanssa, niin silloin funktiota kutsutaan. Pelkkä funktion nimi ilman sulkeita puolestaan palauttaa funktion itsessään.
// Esimerkki
const funktio = () => {
console.log("****************");
console.log("Morot funktiosta");
console.log("****************");
return "Paluuarvo muuttujasta";
}
let muuttuja;
// kutsutaan funktiota, paluuarvo muuttujaan
muuttuja = funktio();
console.log("muuttuja = funktio():\n" muuttuja)
console.log("---------------");
// funktio muuttujaan
muuttuja = funktio;
console.log("muuttuja = funktio:\n" muuttuja);
console.log("---------------");
// kutsutaan muuttujaa funktiona
console.log("muuttuja():\n" muuttuja());
console.log("---------------");
//
//
Testataan konsolissa:
$ node esimerkki.js
****************
Morot funktiosta
****************
muuttuja = funktio():
Paluuarvo muuttujasta
---------------
muuttuja = funktio:
() => {
console.log("****************");
console.log("Morot funktiosta");
console.log("****************");
return "Paluuarvo muuttujasta";
}
---------------
****************
Morot funktiosta
****************
muuttuja():
Paluuarvo muuttujasta
---------------
Voiko java-skriptien tulostusta uudelleen ohjata.
let fun = () => {
console.log("****************");
console.log("Morot funktiosta");
console.log("****************");
return "Paluuarvo muuttujasta";
}
let x = fun();
console.log(x);
Jos kuvitellaan tilanne yllä olevaksi, niin (x) arvon asetuksessa tulostuu nuo 3 ylimääräistä console.log() riviä. Voiko ne ohjata Bash Shellin tyyliin (2> /dev/null) jonnekin näkymättömiin. Niin että vain tuon alimman rivin tulostus tulisi ruudulle.
Laittaa console.log-funktioiden tilalle console.error, niin sitten voi tulostaa vaikka näin
node esimerkki.js 2> /dev/null
Suuri kiitos kaikille, asia selvisi.
T: Keskustelun aloittaja