"this" oraz bind() call() apply() - co robią i jakie z tego plusy
HTML-код
- Опубликовано: 8 сен 2024
- UWAGA: Na wideo jest jeden błąd: call() może przyjmować parametry tak samo jak bind()
Dziś kontynuacja odcinku sprzed tygodnia, czyli jak działa "this".
👉 Pełny kurs "JavaScript od podstaw": bit.ly/3OtH4cS
👉 Darmowy kurs "Wprowadzenie do JavaScript": tworcastron.pl...
👉 Blog tworcastron.pl
👉 Moje kursy tworcastron.pl...
Instagram: / adam_halasa
Facebook: / tworcastron
#6 "this" w JS - kiedy i na co wskazuje
• "this" w JS - kiedy i ...
#5 Operatory JEDNOargumentowe + - !!
• Operatory JEDNOargumen...
#4 Immediately-invoked Function Expression IIFE - jak dokładnie działa
• Immediately-invoked Fu...
#3 Średniki - wstawiać czy nie?
• Średniki w JavaScript ...
#2 Operatory && (and) oraz || (or)
• Operatory && (and) ora...
#1 == vs ===, czyli o koercji typów:
• == vs ===, czyli o koe...
#0 Wprowadzenie:
• Wprowadzenie - Zrozumi...
@Twórca Stron
A to nie jest tak, ze jedyną różnicą między apply i call, jest to że apply przyjmuje tylko tablice argumentów, a call pojedyncze argumenty ? (jesli funkcja takowe posiada) Przykład:
let person1 = {
name: 'daniel',
printFullName: function (street,surname) { console.log(`My name is ${this.name} ${surname}`)}
};
let person2 = {name: 'robert'}
person1.printFullName.call(person2, 'opolska','kowalski')
person1.printFullName.apply(person2, ['opolska','kowalski'])
Super wytłumaczone, fajnie że lecisz bez cięć, dzięki temu można być pewnym że wiesz o czym mówisz :)
Bardzo podoba mi się twój sposób tłumaczenia - polegający na tym, że powtarzasz daną rzecz parę razy, tak jakbyś chciał przypomnieć coś, co ktoś już mógł zapomnieć (ciężko zapamietać od razu to co się słyszy pierwszy raz). To jest super i można łatwiej zrozumieć dany problem :)
Jak zwykle najwyższy poziom :)
Cały dzień próbowałem to zrozumieć, aż trafiłem na Twórcę Stron i pyk. Rachu ciachu i po strachu. Piękne dzięki!
Szybko, zwięźle, na temat i dobrze dobrane przykłady. 10/10
Dzięki za tłumaczenie, mega!
świetna robota, nie wszyscy chcą za darmo dzielić się wiedzą :)
Dzięki, piona! :)
W call też można dodawać parametry ale nie w postaci array tylko listy tak jak w bind.
Łopatologicznie wytłumaczone !! :) Super !
coś pięknego! dziękujemy serdecznie!!!
Jak dobrze, że tu trafiłem! Dzięki Panu this już nie jest takie straszne ;) Dziękuję!
Dzięki, bardzo pomogłeś
call też przyjmuje argumenty, tak jak bind
Racja, nie wiem jak to się stało, że stwierdziłem odwrotnie.. Dzięki za wyłapanie :)
7:03 "Call" w JS to wywołaj, wezwij Adam , jak Call of Duty ("Obowiazek wzywa" po naszemu...)
Chodzi o analogie i łatwie zrozumienie.
Poradnik super, a call oznacza też wezwanie, nie grałeś w COD? xD
Call przecież też może przyjmować dodatkowe parametry po przecinku tak jak metoda bind. Poza tym elagancko wytlumaczone.
Tak, dodałem to później w opisie:)
mozesz cos o querySelector lub jquery powiedziec
Dzięki za pomysły, to jak dokładnie działa querySelector może być nawet ciekawe :)
@@tworcastron Co do jQuery - ciekaw jestem Twojej opinii w temacie, odpowiedzi na pytanie - czy warto się jeszcze dzisiaj, w 2020 roku, uczyć jQuery? A także (jako, że swoją osobistą odpowiedź na to pytanie tak czy siak znam ;^) ) - lżejsze alternatywy dla jQuery, oraz przykłady sztuczek, że jest kod w jQuery i jak napisać to samo, ale w vanilla JS, bez użycia jQuery.
@@jankiel3284 uważam, że nie ma większego sensu obecnie uczyć się jQuery. Właśnie przygotowuję odcinek o Vue i robię porównanie że jQuery waży 30KB gzipped (wg danych na oficjanlej stronie), Vue tyle samo a jest znacznie potężniejszy :) Co do końcówki pytania, szczerze mówiąc to nawet gdy sam piszę proste skrypty na stronach, gdzie jQuery jest (wordpresy) to piszę je w vanilia JS. JS tak się rozwinął (np. wspomniany querySelector), że nie widzę większych plusów korzystania z jQuery a i skrypty łatwiej jest przenieść i zrozumieć.
@@jankiel3284 Już ktoś się tym zajął. Odsyłam do całkiem przyjemnego materiału na ten temat opracowanego przez Pana Comandeera: tutorials.comandeer.pl/js-jquery.html
Kiedy this pokazuje obiekt globalny a kiedy pusty "{ }' tzn. module.exports?
Pusty przy funkcji w funkcji czyli nie będąc wywołaną w obiekcie, a globalna w strzałkowej w obiekcie z globalnym ponad lub przy zbudowaniu bez argumentu. Globalny może też być pusty jeśli nic nie jest dodanego do niego bezpośrednio.
UUUU ale błęda popełniłeś. Powiedziałeś że APPLY różni się od CALL tym że do APPLY można podać dodatkowe parametry. Do CALL tez możesz podać dodatkowe parametry tylko robi się to po przecinku a nie w tablicy i tym się różnią te metody.
Tak, na wideo jest błąd. Nie chciałem przerabiać całego filmu, więc info. o tym jest od początku w opisie ;)
Czemu ty jesteś tak niedoceniany?
Myślę, że osoby oglądające doceniają bo oceny są w 99% pozytywne. Lepszym słowem będzie mało popularny :) Filmy zaczęły pojawiać się regularnie dopiero kilka miesięcy temu, więc jest to teoretycznie młody kanał :)