Magic of Prototype in javascript | chai aur
HTML-код
- Опубликовано: 10 сен 2024
- Visit chaicode.com for all related materials, community help, source code etc.
#javascript #hindi
Sara code yaha milta h
github.com/hit...
Discord pe yaha paaye jaate h:
hitesh.ai/discord
Instagram pe yaha paaye jaate h:
/ hiteshchoudharyofficial
Basically the summary of the video is :
1) If you want that a method should be accessible or present in all objects in javascript (for ex: arrays, strings, functions,etc) then you can set your own method in the top level Object (because everything is an object in javascript) by using | Object.prototype.{method name} = function(){} | , after doing this you will have the access of your {method.name} from all objects for ex: every array that you declare, every string that you declare and so on.
2) But lets say if you want a certain method that should be accessible only on a certain object ( for example : (this is used in the video) you want a trueLength(){this method returns the true length of an array by trimming all the whitespaces} method to accessed on all String declarations , then you can be like | String.prototype.trueLength = function(){ code that does trimming and return length } | and this will be accessible on all strings .
3) this keyword in javascript refers to the current context of who is calling . matlab this boleto jisne bulaya . example: if you say | "hemant ".trueLength() | then how will the trueLength() method knows that on whom it have to perform . so we use this in the trueLength() function definition so it will automatically take the context of by whom the method is callled , boleto jisne bulaya uska kaam hoga.....
if any one feels that i have included some wrong info in this comment then feel free to reply about the same.
This is helpful..
nicely explained
@@PrachiMukati thanks
@@mr_professor_x 👍
Thanks you bro. did you start learning react ?
0:00 - 27:00 object and new oprater features
27:00 prototype
27:00
Bhai bole karneka... to karneka😅
shuru shuru m chize upr se jaari thi... fer ek bar bich m chhodke dubara se start kiya tb acche se smjh aagya.. Thank You Sir
I never 'knew' what all happened underneath 'new'.
Mind blowing detailing explaiend.
Thank you Hitesh Sir for this amazing explanation of prototypes. Covers everything right from prototypical inheritance to defining own prototype methods for various objects.
I love how you teach everything starting from old coding practices to how it has been evolved today.
For anyone learning JavaScript from scratch and aiming to become a software developer, this is the go-to series!!
Hello mam can i ask you something?im pursing bsc it , after that can i get a job as fresher ik frontend in web development
This playlist is full of detailed information. It is better than alot of PAID courses out there.
Thank you Software Expert Hitesh Choudhary Sir!
I am an English major student pursuing MERN stack following my passion. You contents are so helpful to understand things in details and it's work behind the scene . Thank you so much. You are affecting many students like me. ❤
same bro! I am an Arts grad. Recently jumped into learning MERN stack. I'd love to connect with you in order to learn together.
Same here
hey me here also a English Grad !
@@DashinDanishbro whats your update?
@@kalsotraaditya98 Done with frontend almost.
Ab muje chakkar ane laga hai😂
same yar
Mark my words, In coming years this video will be one of the reason of making this playlist best present JS playlist on RUclips.
-धन्यवाद हितेश
crystal and clear explanation of this context. this means ''jis ne v bulaya ho'. All thanks to Hitesh sir. 😊
Hi can I get Instagram-id
Sir, this is the first time I could understood about prototype. Thanks
@ 27:00 begins prototypal (inheritance)
!
At first I didn't understand what he was trying to explain about the prototype but then I rewatched the whole video. After that everything became crystal clear. This is the best explanation of a prototype you can ever imagine.
Best teaching style....jis ka mtlb this
The portion where we added custom function to all objects was really cool
this prototype video is really amazing i learn so so much from this video specially jis tarah se aap ne samjaya. muje bohot lambe time se prototype samaj nhi aarha tha specially "this" and "new" key word but finally....... finally me acche se samaj gya thank you so so much sir. ❤❤❤ sir aap ese hi video bnate rhe.
Just watched till the end now and I'm speechless and awe struck.
Nowhere on the planet I assume had anyone ever taught JS in this depth.
❤
All my topics about functional constructor , new keyword , constructor function, prototypal inheritance and this keyword are crystal clear now . Great video Sir No paid courses teaches like you in depth . Thank you so much sir ❤❤❤
Itna depth aaj tak kisi JavaScript course me nhi hai.
Akshay Saini ka course dekho
How easily you made me clear about new and this keyword with the prototype concept..... you really nailed it 🔥
Thank you @Hitesh Sir. ❤ esi tarah video aayenge aur aese js topic milte rahenge to js mai mastery sach mai krr jayenge.
For people who are coming from Kotlin or similar languages, prototype function is a extension function for existing classes
25:55 In the OOP 42 class (at the 26:00 mark), it was explained that whether or not you use return this, you still get the object.
0:00 intro
2:50 start
7:10 diagram
9:20 Function as object
13:00 this
20:50 new
23:00 Notes
27:00 prototype
38:00 Inheritance
42:00 modern syntax of inheritance
Anyone can help jab hum function ki jagah par Arrow function use karte hai toh score ki value undefined kyu batata hai ???
@@apatel176 brother arrow function me aap new keyword use nhi kar sakte basically constructor function nhi hn arrow func normal func se hi constructor func bnta hn thats why arrow func ye cheeze support nhi karta
guru ji pehle to maza aa rha tha ab sir dard hone lagata h . bhot complex hote ja rha hai but aap in the end easy kr dete hai,
Information rich and information heavy video, took a long to digest and understand, but after few replays.
Thanks Sir for this Masterpiece series !! What an explanation on prototypes , mindblowing! And the way you teach "new" keyword, Hatsoff to you sir!
Thank you sooo mch sir your way of teaching is sooo good. now i understood what is happening behind the scene. thnq soo mch for this fantastic explaination
what a informative video. Great work sir 👌
I guess this is the first lecture from the whole javascript series which goes above my head ........................but loved it. Have to watch one more time but truely guiene content keep making indept video like that.
Thank you so much.
same
Same. Came to comment section just to check ki mere jaisa aur koi hai kya ya mai akela hi aisa hu
This video worth millions of views, that's the most important video of the whole series, thank sir I got the entire foundational concept of JavaScript
Thankyou sir for sharing quality knowledge 😁
This is amazing most simply, beautifully explanation of Prototype.
Thank you so much Sirji, aapka explanation bahut Dhamakedar, kamaal ka hai, maja aagaya 😀
Aap world k Best Javascript teacher hai 😊
This is an excellent explanation, sir. I'm viewing for the first time, and I understand the majority of what I'm seeing.
good after some days you gonna understand even without inner concepts watching tutorials
😂 kxch ziyada to nai hogiya
maja aagaya sir , lekin ye mera last point tha ise upar jate toh sab mera sar ke upar se jata , Lekin ye video bahat helpfull tha mujhe this and prototype words se dar lag tat tha ,lekin ye video dekhne ke bad confidence level badh gaya
what a amazing lectures best lecture available on youtube or any other platform
Your Teaching clears most of thing ,Thank you,
Perfect In dept video that I needed. Many thanks explaining in such a simple way.
Thanks sir 🎉❤ best series in of js with such a deep content in RUclips
Thank you once again Hitesh bhai
Thanks sir. your way of explanation is very nice. this video is useful for me.
"Chai aur Code, you're the hero of my JavaScript learning story. Your tutorials are unmatched!"
Sir You are literally doing great Helping many students who can't afford expensive resources ❤❤❤❤
Awesome Explaination Sir
interesting examples and very well explained
thank you sir for detail explanation😊
I am from Pakistan. By watching this series I decided to accept you as my teacher. Thank you for such an amazing series!
This JS series is one of the best
Thank You Hitesh 🧑💻
this is pure gold, thank you very much for this video, mind blown, what a joke it was when i thought i knew javascript basics, thank you for this, please keep on making these valuable content
Although I am an experienced developer, but I was always confused about the covered topics. Thankyou so much Sir, for explaining it in-depth. All these topics are finally clear.
one of the best tutorial on youtube.
Thank You Sir 🙏
atleast 2 baar to dekhni hi padegi ye video tabhi clear hogya 👌
behtareen or shandar lecture
hitesh sir ki jay ho
this is the one of the best videos of your channel 🔥
सर आप का बहुत बहुत धन्यवाद।❤❤
Really nice session😃 much appreciated!
This lesson had one of the best explanations in the whole series, just went through it and tried to solve the goal of adding the trueLength method to String by myself, took some effort and some help from mdn docs but now I feel confident about prototypes, and adding custom method and properties to them. thanks a lot, Sir.
Chai pe charcha to ise kehte hain. This video is the best in this series. I Love this Charcha❤❤❤
just for comment (Mark my words, In coming years this video will be one of the reason of making this playlist best present JS playlist on RUclips. )
00:02 Prototype in JavaScript is a unique and interesting concept.
01:50 Understanding the prototype behavior in JavaScript.
05:28 Understanding prototype inheritance in JavaScript
07:19 Understanding objects and prototypes in JavaScript
11:05 Functions and objects in JavaScript share properties and behavior
12:56 Understanding the use of 'this' in JavaScript prototypes
16:46 Using prototype in JavaScript to manage object properties efficiently.
18:29 Understanding prototype and method creation in JavaScript
22:03 Understanding the functionality of the 'new' keyword in JavaScript.
23:38 The new keyword creates linked objects with prototype properties.
26:54 Understanding the concept of prototypes in JavaScript
28:37 Implementing true string length property in JavaScript.
32:25 Prototype helps to add and access properties and methods to objects
34:27 Understanding the power and properties of prototype objects in JavaScript
38:08 Teaching support and object properties in JavaScript
39:53 Accessing properties using Prototypes
43:18 Accessing and manipulating properties directly in JavaScript
45:01 Accessing and using the true length property in JavaScript prototypes.
Great Video on Prototype.
Part1 -> 0:00 - 26:38
Part2 -> 26:38
the information giving in this video is very high level , I have watched this video twice to actually understand and realise the importance of the topics taught by Hitesh sir , thank u sir for providing such a quality course .
i watched both of the one shot but coming on every video to like them
Sir ji bhhut achi series bnai hai apne or is prototype vale lec se toh bhhut knowledge mili hai 😊
To share b krdo to aur acha rhega
Jrur sir kre gee
Ye ramayan ka saar bahut hi interesting tha, please continue teaching us in this.style 🤩
jiska matlab this, it was much easier to stick in my thick skull 😎 Thank you Sir... Love from Bangladesh
Thanks alot for creating such a simplified vedios and complete tutorial on internet.
if knowledge is power then you have "superpower" Thanks sir for enlightening us.😍
Thanks sir. Prototype crystal clear 😊
0:00 - 27:00 (New keyword, Objects, this)
27:01 - Prototype and prototypal inheritance
and most imp part Jis === this ;
great sir as always. thankyou so much
This lecture is amazing . thank you so much sir.
This ka matlab "Jis" .
Obeying Hitesh's Sir Order!
jis ne bhi bulaya ham usike hoiye . thank you so much i paid 50,000 rs to learn javascript development i didn't get how to use this but in because of you i understand in free.
ye topic PWSKILLS ke course me achhe se clear nhi hua , but yha crystal clear ho gya (pw ke lect me saare example same hai bas wo array , string& function all are passes through Object wala diagram jiske wajah se clear hua ye topic
)
Use of new key word for Constructor function and the new operator 0:00-26:00
Prototype 26:30
Best JavaScript Course Ever
Thanks Sir Ji ❤
Most welcome
Hey all, do not forget to subscribe!
Ye h sabse important baat
@@chaiaurcode Sir what's next please clear, is it react or CSS. I was also excited about react but now I think that next should be CSS. So that we'll still be on track towards full stack without any jump.
I was so confused in this concept, now sir you have cleared all my confusions😍.
yr sir pahly kahn thy itnay mazy ki playlist i will shift from flutter to js ye sirf chai and code ki power hy ,becase yahn behand the scen and investigation study ma ki power hy
😍😍😍😍😍
30:17 : "Ap b chae rakhiyega sath main kafi kam ayegi" .. Meanwhile me watching this while fasting :P
Best series for the next 10 year's i guess❤️
No one else could have explained better than you about behind the scenes of the constructor, prototype and other concepts related to OOP
Huge fan ❤
Reached at 22:19. Ye video meel ka patthar sabit hoga. Salute!!
This means is jisne bhi
This --> jisne bhi
Sir this is my first comment in your channel
But I learn JavaScript from your channel to starting when you started
Unfortunately I am not comment anything but the share and much more I done from my side
To learn my friends as well from you and
I am in one class in Mumbai but the javascript tutorial is maximum guys watching your video
And my office people also
And every one is appreciated to you sir
😊
21:40 😆😆 best dailogue by sir!!
Aapka motivation kam hone nahi denge Sir ji
This playlist is all about
Legend aur Javascript
Pata hi nahi chala ki itna time laga. Jaydatar lambi videos me lagta hai bahooot jayda ho gya. Jab cheeje samjh ane lagti hai to time kaha jata pata nhi chalta hai. :)
0:00 - 27:00 object and new oprater features .
27:00 prototype.
next level explanation for behind the scene working of js
What an explanation sir!!! 🙏
The guy is making the difference🔥
MashAllah Sir G !
Kmal kr di ksm sy Thnks sir g for this great efforte for us
Love from Pakistan Sir g
Respected Sir, I have request for you please when you declare any type of array or object of myHeros Kindly make sure to insert indianArmy, Doctors, Lawyers... these type instead of thor and spiderman. Btw Lots of love❤❤❤❤❤❤
Thank you, sir, for the in-depth js series
0:00 - 27:00 object and new oprater features
27:00 prototype
speechless, bow down to you sir 🙇♂
Love his way of teaching really great series of JS
I am learning JS and React side by side from Hitesh sir and I am pleased to be a student of him.
one of the best Lecture and Concept in my life sir ,,the best........