Fn.bind() method trong JavaScript - phần 2 | JavaScript nâng cao

Поділитися
Вставка
  • Опубліковано 15 вер 2024
  • 👉 Xem Lộ Trình Học: fullstack.edu....
    👉 Đăng Ký Học Offline Tại F8: short.f8team.d...
    Ở video tiếp theo này chúng ta sẽ tiếp tục tìm hiểu về Fn.bind() method trong JavaScript - phần 2 | JavaScript nâng cao
    #hoclaptrinh #hoclaptrinhmienphi #javascript #javascript_advanced #frontend #backend #devops #f8
    -------
    ☻ Phần mềm sử dụng trong video:
    Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
    Công cụ đo đạc giao diện web: s.net.vn/D8kL
    Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
    --------------
    ☻ Khóa học lập trình web MIỄN PHÍ:
    Kiến thức nhập môn: fullstack.edu....
    Xây dựng giao diện với HTML, CSS: fullstack.edu....
    Xây dựng web responsive: fullstack.edu....
    Lập trình Javascript cơ bản: fullstack.edu....
    Lập trình Javascript nâng cao: fullstack.edu....
    Làm việc với Terminal & Ubuntu: fullstack.edu....
    Xây Dựng Website với ReactJS: fullstack.edu....
    Xây dựng web với Node & Express: fullstack.edu....
    HTML, CSS tips: fullstack.edu....
    Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu....
    Xem thêm tại: fullstack.edu....
    -------------------------------------
    F8 Official
    (c) Sơn Đặng
    Website: fullstack.edu.vn
    Facebook cá nhân: / sondnf8
    Nhóm Học Lập Trình Web: / f8official
    Email: contact@fullstack.edu.vn
    © Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
    © Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức.

КОМЕНТАРІ • 60

  • @F8VNOfficial
    @F8VNOfficial  3 роки тому +7

    - XEM PHẦN I TẠI ĐÂY: ua-cam.com/users/results?search_query=bind+method+P1+f8
    - XÂY DỰNG MUSIC PLAYER: ua-cam.com/users/results?search_query=music+player+f8

  • @NguyenPham-bo1bu
    @NguyenPham-bo1bu 4 місяці тому

    Cảm ơn anh Sơn, cảm ơn F8 rất nhiều. Ước gì anh có thể dạy thêm PHP thì thật tuyệt!

  • @aitrong4884
    @aitrong4884 Рік тому +1

    em đã xem qua video tiếng Anh và không hiểu rõ lắm nhưng rồi xem qua video a thực sự cảm ơn a Sơn nhiều

  • @ninhbuihai5017
    @ninhbuihai5017 2 роки тому +2

    E đang tự học về Web nhưng có rất nhiều kiến thức căn bản chưa hiểu, sử dụng kiểu học vẹt. Nhờ Vid của a mà e đã tiến bộ hơn.
    Mong a upload nhiều khoá học căn bản hữu ích hơn nữa.
    Xin cảm ơn anh.

  • @tuanngominh86
    @tuanngominh86 2 роки тому +3

    Bạn này quá ư là pro luôn. Điều quý nhất ở bạn mà mình học được là kỹ năng tự học, tự tìm hiểu, khi học phải đọc doc để hiểu sâu, một khi hiểu sâu nó cực kì ĐÃ. Chân thành cám ơn bạn nhiều nhiều :)

    • @aitrong4884
      @aitrong4884 Рік тому +1

      công nhận là như vậy ạ, giờ mình mới rõ thì có muộn rồi...

  • @chrisbuivn188
    @chrisbuivn188 2 роки тому +8

    Cách mà bind method hoạt động:
    ---> Bind là 1 method mà tất cả các functions đều có thể sử dụng vì function thực chất là object trong Javascript. Bind sẽ làm 2 việc, một là tạo 1 function mới giống hàm cũ, hai là thay đổi ngữ cảnh chạy của hàm bằng cách truyền vào đối số đầu tiên là 1 object. Thì giá trị của 'this' sẽ là thằng object mình truyền vào khi hàm được gọi. Nó sẽ không quan tâm là hàm đó sẽ được gọi ở đâu, dù là được gọi trên global object hay gọi lại bởi browser khi sử lý event(callback). Tham số this luôn là thằng object mình truyền vào method bind khi hàm được gọi.

  • @HoaNguyen-kn4ci
    @HoaNguyen-kn4ci 9 місяців тому

    Cách truyền đạt, lấy ví dụ của a thực sự rất hay và dễ hiểu 👽

  • @luantran7118
    @luantran7118 3 роки тому +1

    video chất lượng 4k, xịn thật sự, chưa thấy trang nào mà video 4k như này :v

  • @duytungnguyen5394
    @duytungnguyen5394 3 роки тому +1

    Luôn đợi video của anh để ôn lại kiến thức chắc hơn

    • @F8VNOfficial
      @F8VNOfficial  3 роки тому +1

      Cảm ơn em nha, hi vọng giúp ích em phần nào trong công việc nha

  • @HoaNguyen-kn4ci
    @HoaNguyen-kn4ci 2 роки тому

    Video giúp e hiểu hơn. Cảm ơn a nhiều. Hóng video về series này của a

  • @thienlovewe
    @thienlovewe 3 роки тому

    Đỉnh thật sự. E đang cần thông não về render. Thấy clip a luôn

  • @Zero_Kid
    @Zero_Kid 3 роки тому

    Quá hay bạn ơi. Vẫn mong chờ các video tiếp theo của bạn

    • @F8VNOfficial
      @F8VNOfficial  3 роки тому +1

      Cảm ơn bạn đã ủng hộ nha

  • @dieuanhle7117
    @dieuanhle7117 3 роки тому +1

    A dạy dễ hiểu.muốn đc anh hỗ trợ tầm 15-30 phút ... vướng mắc quá nhiều sinh stress.😞

  • @dungbkhn02
    @dungbkhn02 Рік тому

    Kiến thức chuyên sâu!

  • @truonghoanglong541
    @truonghoanglong541 3 роки тому +2

    đỉnh thật sự anh ơi. Không liên quan nhưng mà dịch đói quá a ơi :(

  • @duchl0260
    @duchl0260 2 роки тому

    bài giảng rất hay. cảm ơn anh!

  • @juhandvan
    @juhandvan 2 роки тому

    Tuyệt vời quá anh Sơn ạ :)))

  • @hungnguyenmanh5333
    @hungnguyenmanh5333 3 роки тому

    Cảm ơn A nhiều ạ. Chúc A nhiều sức khỏe ạ

  • @hoaimiqng
    @hoaimiqng 3 роки тому

    Hay và chất lượng anh ạ

  • @nnt25251325
    @nnt25251325 2 роки тому

    Tuyệt vời 💯

  •  3 роки тому

    lâu lâu cứ phải vào xem lại để ôn tập hihi

  • @itnhalam
    @itnhalam 2 роки тому

    Hay lắm anh ơi

  • @NhatNguyen-zg6il
    @NhatNguyen-zg6il 2 роки тому

    11:30 arrrow func , 14.27 delegate ( using closet )

  • @duytaovo4051
    @duytaovo4051 3 роки тому

    hay quá anh ơi

  • @truonganhkhoa4673
    @truonganhkhoa4673 3 роки тому

    Quá hay luôn a ơi

  •  3 роки тому

    Úi chà, nóng hổi quá anh ơi

  • @huuong7758
    @huuong7758 3 роки тому

    hay thật sự ạ

  • @hifanci2506
    @hifanci2506 2 роки тому

    đỉnh vãiiiiiiiiiiiiiiiiiiiiiiiiiii

  • @hoaimiqng
    @hoaimiqng 3 роки тому

    loving you

  • @trungthanhbp
    @trungthanhbp 3 роки тому

    hay quá nhể :D

  • @minhtricao6805
    @minhtricao6805 3 роки тому +2

    16:05 Cho em hỏi hàm handleDelete(e) có tham số e, mà lúc sử dụng root.onlick = this.handleDelete không có tham số tại sao vẫn chạy được ạ

    • @xuanphonetran1178
      @xuanphonetran1178 3 роки тому

      toi nghi cai e nay la optional param

    • @SillyLeizy
      @SillyLeizy 2 роки тому +3

      Không phải như bạn trên nói đâu, đoạn code root.onlick = this.handleDelete đang thực hiện gán khai báo của hàm this.handleDelete cho root.onlick, không phải gọi hàm this.handleDelete, vì không phải gọi hàm nên không cần truyền đối số nhé. Với cả bạn đang nhầm lẫn khái niệm đối số với tham số. Khi khai báo hàm, các biến đầu vào của hàm mình sẽ gọi là tham số, còn khi sử dụng hàm, truyền giá trị đầu vào cho hàm, thì các giá trị đó gọi là đối số.

    • @duyanh6909
      @duyanh6909 2 роки тому

      đây là mới gán hàm this.handleDelete cho method onclick của element root thôi chứ đã gọi đâu, gọi phải có toán tử call ( ) 2 dấu ngoặc như này nhé

    • @giaitri24h16
      @giaitri24h16 2 роки тому

      this ở đây là thằng root hả mọi người.

  • @zabtaro
    @zabtaro Рік тому

    Cho hỏi: $ của biểu thức ${car} không phải là $ của biến được định nghĩa lúc ban đầu là Const $ = document.querySelector.bind(document), đúng không vậy nhỉ ?
    Nói mộtcách khác, trong bài này $(....) hoàn toàn khác với ${....} , đúng không ?
    ${car} chỉ là giá trị của biến car trong mảng cars :)

    • @F8VNOfficial
      @F8VNOfficial  Рік тому +3

      ${} là nội suy trong template strings mà em. Nó là syntax chứ không phải là biến đâu em nhé.

  • @congnamle3632
    @congnamle3632 3 роки тому

    Admin chăm đọc comment Học viên. Cái ví dụ car của ông nào trên Website F8 nè :v

  • @tienduc295
    @tienduc295 3 роки тому

    👍

  • @xuanhuynguyen3203
    @xuanhuynguyen3203 2 роки тому +1

    :v xem js mà tưởng dạy ReactJS

  • @lqh159
    @lqh159 3 роки тому

    Anh có dạy ngôn ngữ C với C++ không ạ

  • @chichat9266
    @chichat9266 Рік тому

    mọi người cho em hỏi là: nếu mà mình muốn tạo thêm 1 buttton edit nữa thì khi mình dùng lại cái root.onclick = this.handleDelete.bind(this);
    // thêm
    root.onclick = this.handleEdit.bind(this); thì nó chỉ hoạt động đc 1 cái, thì có cách nào khắc phục ko ạ

    • @sevenup139
      @sevenup139 Рік тому

      cách khắc phục là bạn nên học js lại từ đầu. Kiến thức quá cơ bản cũng ko hiểu thì ko nên học nâng cao.

  • @dennisnguyen5787
    @dennisnguyen5787 3 роки тому

    12:05, a Sơn ơi cái đoạn input.focus(), cái hàm focus() là nó ở đâu vậy ạ? Hay là nó có sẵn?

    • @F8VNOfficial
      @F8VNOfficial  3 роки тому +1

      E quan sát, a gọi từ 1 DOM element, nghĩa là nó là method của DOM element e (có sẵn). Mình đâu có tạo ra thằng input element, mình chỉ lấy nó từ DOM ra thôi em nhé.

    • @dennisnguyen5787
      @dennisnguyen5787 3 роки тому

      @@F8VNOfficial vâng em cảm ơn anh nhiều, em cũng vừa search thử trên w3 thì nó có ra phương thức đó. Hehe

  • @chovycon3056
    @chovycon3056 2 роки тому

    AAA hem hiểu gì hết khó quá mọi người ơi , có ai kèm mình vs không :(((

  • @tuananh1783
    @tuananh1783 3 роки тому

    Bao giờ ra khóa ReactJS a ơi

  • @ninhbuihai5017
    @ninhbuihai5017 2 роки тому

    E muốn buy a coffee cho a mà cái platform đấy lag quá :)) a nên add thêm paypal hoặc momo để tiện donate hơn a ạ.