This keyword trong JavaScript | JavaScript nâng cao

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ส.ค. 2024
  • 👉 Xem Lộ Trình Học: fullstack.edu....
    👉 Đăng Ký Học Offline Tại F8: short.f8team.d...
    Trong bài học này chúng ta sẽ tìm hiểu về từ khóa "this", This keyword trong JavaScript | 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 ปีที่แล้ว +25

    Các bạn nghĩ đơn giản như này, phân biệt qua cách hàm/method được gọi. Được gọi qua object.method() thì this là object. Được gọi theo tenHam() thì this là window (strict mode là undefined). Mỗi hàm luôn có context riêng, hàm trong method cũng có context riêng của nó (trừ arrow function).
    Trong bài này mình chỉ "đả thông" về tư duy hướng đối tượng thôi nhé. Với Javascript để thể hiện đối tượng chúng ta sẽ dùng Function constructor hoặc Class để tạo đối tượng mới "chuẩn" nhé. Nhưng sẽ học sau, cuối cùng mình cũng sẽ nói thôi hihi 😍

  • @phamminhuc4199
    @phamminhuc4199 2 ปีที่แล้ว +7

    Cảm ơn anh Sơn Đặng rất có tâm và có tầm hướng dẫn các khoá học. Giúp đỡ cho rất nhiều cho mn. Chúc anh có thật nhiều sức khoẻ và niềm vui trong công việc cũng như trong cuộc sống ^^

  • @congdatt
    @congdatt 3 ปีที่แล้ว +4

    Mong anh giàu sống khỏe, giàu có
    Respect những gì a làm ❤️❤️❤️

  • @luanao6811
    @luanao6811 3 ปีที่แล้ว +3

    Hay quá anh ơi, mong anh ra nhiều videos hữu ích như thế này hơn nữa. Cảm ơn anh.

  • @lenhac9040
    @lenhac9040 2 ปีที่แล้ว +1

    Hay quá lâu lâu xem lại, càng xem hiểu càng rõ

  • @bohoctoancungcon5826
    @bohoctoancungcon5826 2 ปีที่แล้ว +2

    Kinh điển đấy bạn à. Các bài giảng của bạn đều hay và dễ hiểu

  •  3 ปีที่แล้ว +2

    Anh comeback r hihi, luôn ủng hộ cùng f8❤️

  • @bleach2ify
    @bleach2ify 3 ปีที่แล้ว

    thấy video là vô like liền cho người chủ kênh có tâm .

  • @NamangMinh1
    @NamangMinh1 3 ปีที่แล้ว +10

    ai đọc bình luận này thì em chúc mọi người khỏe mạnh, hạnh phúc ạ.

  • @taivo7010
    @taivo7010 3 ปีที่แล้ว +2

    Chúc anh nhiều sức khoẻ, hay qá !

  • @kevink263
    @kevink263 3 ปีที่แล้ว +1

    Cuối cùng a cũng ra viện và trở về nhà

  • @ngocquynh7494
    @ngocquynh7494 3 ปีที่แล้ว +1

    rất chi tiếc, rất dễ hiểu. Cảm ơn a sơn

  • @DeepDiveIntoLife196
    @DeepDiveIntoLife196 3 ปีที่แล้ว +1

    Chúc anh luôn thành công .

  • @diy_handmade_creative
    @diy_handmade_creative 2 ปีที่แล้ว +2

    Cùng tuổi mà sao thấy ngưỡng mộ quá, mình thì mới bắt đầu, javascript còn chưa vững nữa :(

  • @thinhnt1711
    @thinhnt1711 3 ปีที่แล้ว +5

    Anh có thể làm về Iterator và Generator không ạ??
    Chúc a thật nhiều sức khỏe và thành công

  • @Asmrcodingbliss
    @Asmrcodingbliss 3 ปีที่แล้ว +1

    Hay quá a đúng lúc e đang học về this

  • @dungglevan2945
    @dungglevan2945 2 ปีที่แล้ว +2

    mình cũng vừa thử thêm một tường hợp khi tạo một constructor bằng class mà sử dụng this trong method với function thuần tuý thì nó ra undefined á chứ nó k ra window, còn arrow function thì vẫn trỏ về object mà nó thuộc về

  • @DavidJames535
    @DavidJames535 3 ปีที่แล้ว

    Buổi tối vui vẻ nha anh🥰🥰

  • @james-rx8kw
    @james-rx8kw 2 ปีที่แล้ว

    21:02 có thể dùng prototype để tạo phương thức

  • @lanhhana9402
    @lanhhana9402 3 ปีที่แล้ว +1

    Hay quá a

  • @huutinnguyen3075
    @huutinnguyen3075 ปีที่แล้ว +1

    A ơi cho e hỏi, khởi tạo đối tượng sử dụng từ khóa new và không có từ khóa new khác nhau như thế nào ạ

  • @phattruongtan6104
    @phattruongtan6104 2 ปีที่แล้ว +2

    Chỗ 14:50, nếu chỗ đó mình không dùng function console.log(this) mà mình truyền một function handleClick() chẳng hạn, thì bên trong handleClick sẽ log ra this là Window. Chỗ này thì mình giải thích như thế nào cho hợp lý ạ? Em cám ơn ạ.

    • @nguyenphuongduy9746
      @nguyenphuongduy9746 2 ปีที่แล้ว +1

      khúc sau A Sơn có giải thích rõ, đứng ngoài phương thức (có thể hiểu là function ko còn là phương thức) thì sẽ trỏ tới global, thì this lúc này là Window ấy bạn.

    • @patdev495
      @patdev495 ปีที่แล้ว

      Sau khi định nghĩa handleClick và console.log(this) bên trong hàm handleClick thì bạn sẽ phải gọi hàm : handleClick();
      Khi đó thì ko có đối tượng nào trực tiếp gọi ra handleClick mà chỉ là handleClick() thì this sẽ trỏ về mặc định là window nhé

  • @sontranvan5348
    @sontranvan5348 3 ปีที่แล้ว

    hay quá anh ơi😀😀😀,

  • @HaiNguyen-bx4kr
    @HaiNguyen-bx4kr 3 ปีที่แล้ว

    Cảm ơn anh nhiều

  • @hoaimiqng
    @hoaimiqng 2 ปีที่แล้ว

    Loving you 😘

  • @DuyTran-ss4lu
    @DuyTran-ss4lu 2 ปีที่แล้ว

    Hay quá

  • @nguyenthanhbinh9598
    @nguyenthanhbinh9598 3 ปีที่แล้ว +2

    thế còn từ this trong khai báo báo thuộc tính this.name thì nghĩa ntn ạ ? mong ai đò help mình

    • @vantai0703
      @vantai0703 6 หลายเดือนก่อน

      17:58 anh Sơn có giải thích đây bạn

  • @binhtran6191
    @binhtran6191 3 ปีที่แล้ว

    học cái này xong hiểu kỹ hơn tx

  • @nuoccodedua568
    @nuoccodedua568 3 ปีที่แล้ว

    Từ khóa "self" nó dùng như thế nào vậy Minh Chủ? Em thấy trong class người ta xài "this" xong rồi còn xài thêm "self" nữa.

    • @ComradeBao
      @ComradeBao 3 ปีที่แล้ว +1

      var self = this;
      =)))

  • @uclong1176
    @uclong1176 ปีที่แล้ว

    Làm sao để arrow function có ngữ cảnh của riêng nó vậy anh?

  • @batboyboy
    @batboyboy 2 ปีที่แล้ว

    tức là nó trỏ trong 1 cái function trong 1 đối tượng thôi ạ ?

  • @FangYuan51
    @FangYuan51 3 ปีที่แล้ว

    hay qua a oi

  • @vanhpham8103
    @vanhpham8103 3 ปีที่แล้ว

    Hello anh

  • @NgocLe-bn9rn
    @NgocLe-bn9rn 2 ปีที่แล้ว

    Anh ơi cho em xin tên nhạc nền của vid lúc intro được k ạ

  • @thang8617
    @thang8617 3 ปีที่แล้ว

    Phần 22:48 khó hiểu quá. Tại sao this nằm trong hàm test lại trả về window mà không phải trả về đối tượng Car nhỉ? Mình thấy nó nằm trong đối tượng Car mà

    • @F8VNOfficial
      @F8VNOfficial  3 ปีที่แล้ว +1

      Bạn nghĩ đơn giản như này, phân biệt cách hàm/method được gọi. Được gọi qua object.method() thì this là object. Được gọi theo tenHam() thì this là window. Mỗi hàm luôn có context riêng, hàm trong method cũng có context riêng của nó.

  • @tienhobao8018
    @tienhobao8018 2 ปีที่แล้ว

    Anh cho em hỏi về chỗ arrow function. Trong video a giảng có nói là arrow function ko có context nên sẽ ko có this và k thể trỏ ra window như function thường nhưng em thử code đoạn dưới đây thì vẫn in ra window là sao ạ !!
    const demo = () => {
    console.log(this);
    }
    demo()

    • @chienminh9023
      @chienminh9023 2 ปีที่แล้ว

      GIờ ông chạy nó ở phần console trên trình duyệt, nó in ra object window. Nó trả về đối tượng nó thuộc về thì là window rồi đó

    • @kantee2929
      @kantee2929 2 ปีที่แล้ว +1

      Arrow Function không có context của riêng nó, nó sẽ sử dụng context của đối tượng bên ngoài chứa nó mà trong trường hợp của bạn thì nó là window

  • @khoatran1535
    @khoatran1535 2 ปีที่แล้ว

    Ai giải thích mình context vs scope khác nhau ntn vậy nhỉ

  • @diangaming0906
    @diangaming0906 3 ปีที่แล้ว

    Cho em hỏi anh sài camera gì ạ

  • @hauvuvan5402
    @hauvuvan5402 3 ปีที่แล้ว

    em chào anh ạ

  • @hoaithongduong2611
    @hoaithongduong2611 3 ปีที่แล้ว

    cho em xin tên nhạc nền được ko ạ.

  • @phatthanh9048
    @phatthanh9048 3 ปีที่แล้ว

    anh ơi cho em hỏi cái bảng màu trắng bên phải anh mở ở đâu vậy ạ chỉ em với dc ko ạ

    • @F8VNOfficial
      @F8VNOfficial  3 ปีที่แล้ว

      Tab console trong devtool của trình duyệt em, em học Javascript cơ bản chưa?

    • @quandanghung4309
      @quandanghung4309 2 ปีที่แล้ว

      🤣 nếu chưa học js cơ bản thì củng đừng học js nâng cao nữa bạn ơi, bay qua học react js luôn mau đi làm mau giàu lắm.
      🤣

  • @hoangvuwedding
    @hoangvuwedding 3 ปีที่แล้ว

    Anh nói về Object.prototype đi ạ

  • @phamhonghieu5591
    @phamhonghieu5591 ปีที่แล้ว

    8/1/2023

  • @datwilliama2
    @datwilliama2 3 ปีที่แล้ว +1

    xem chậm 16 phút dòi :((

  • @free2idol1
    @free2idol1 2 ปีที่แล้ว

    $this trả về object nó đang thuộc về.

  • @congdatt
    @congdatt 3 ปีที่แล้ว +1

  • @QuanNguyen-nx9td
    @QuanNguyen-nx9td 7 หลายเดือนก่อน

    em sao ko qua nước ngoài sống, trong nước lộn xộn thế ko hợp người như mình
    không hợp đâu em