This keyword trong JavaScript | JavaScript nâng cao
HTML-код
- Опубликовано: 18 сен 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.
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 😍
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 ^^
Mong anh giàu sống khỏe, giàu có
Respect những gì a làm ❤️❤️❤️
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.
Anh comeback r hihi, luôn ủng hộ cùng f8❤️
Kinh điển đấy bạn à. Các bài giảng của bạn đều hay và dễ hiểu
Hay quá lâu lâu xem lại, càng xem hiểu càng rõ
Chúc anh nhiều sức khoẻ, hay qá !
thấy video là vô like liền cho người chủ kênh có tâm .
rất chi tiếc, rất dễ hiểu. Cảm ơn a sơn
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
Hay quá a đúng lúc e đang học về this
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 :(
Chúc anh luôn thành công .
Cuối cùng a cũng ra viện và trở về nhà
ai đọc bình luận này thì em chúc mọi người khỏe mạnh, hạnh phúc ạ.
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ề
Buổi tối vui vẻ nha anh🥰🥰
21:02 có thể dùng prototype để tạo phương thức
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 ạ
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 ạ.
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.
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é
Hay quá a
Cảm ơn anh nhiều
hay quá anh ơi😀😀😀,
Hay quá
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
17:58 anh Sơn có giải thích đây bạn
Làm sao để arrow function có ngữ cảnh của riêng nó vậy anh?
Loving you 😘
học cái này xong hiểu kỹ hơn tx
hay qua a oi
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.
var self = this;
=)))
tức là nó trỏ trong 1 cái function trong 1 đối tượng thôi ạ ?
Anh ơi cho em xin tên nhạc nền của vid lúc intro được k ạ
Cho em hỏi anh sài camera gì ạ
Ai giải thích mình context vs scope khác nhau ntn vậy nhỉ
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à
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ó.
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()
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 đó
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
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 ạ
Tab console trong devtool của trình duyệt em, em học Javascript cơ bản chưa?
🤣 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.
🤣
cho em xin tên nhạc nền được ko ạ.
Hello anh
em chào anh ạ
Anh nói về Object.prototype đi ạ
$this trả về object nó đang thuộc về.
học php à
8/1/2023
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
xem chậm 16 phút dòi :((