Magic of Prototype in javascript | chai aur

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

[@thecalgarians4597]

I never 'knew' what all happened underneath 'new'. Mind blowing detailing explaiend.

[@ironmanback]

Ab muje chakkar ane laga hai😂

[@smritiii7697]

same yar

[@_asius]

Main toh behosh hoke 11 mahine baad utha 🙂

[@hemantsuthar6904]

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.

[@mr_professor_x]

This is helpful..

[@PrachiMukati]

nicely explained

[@hemantsuthar6904]

@@PrachiMukati thanks

[@hemantsuthar6904]

@@mr_professor_x 👍

[@Jagddis]

Thanks you bro. did you start learning react ?

[@vikasvarma9462]

0:00 - 27:00 object and new oprater features 27:00 prototype

[@kumarchandan5436]

27:00

[@sakibzalori3404]

Bhai bole karneka... to karneka😅

[@pococopo2538]

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

[@shreyakolekar4059]

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!!

[@learnwithez]

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

[@shilparajput8214]

One of the best tutorial of prototype .... Moreover, the title of tutorial (Magic of Prototype in js) , is completely matching the energy of tutorial .Thank you so much sir.

[@bhaimohsin]

This playlist is full of detailed information. It is better than alot of PAID courses out there. Thank you Software Expert Hitesh Choudhary Sir!

[@ayushuniyal2586]

0:00-27:00 - new keyword 27:08-end - prototype . so far best video on utube.

[@itumandal22]

crystal and clear explanation of this context. this means ''jis ne v bulaya ho'. All thanks to Hitesh sir. 😊

[@curiousmanash8154]

Hi can I get Instagram-id

[@adilmian554]

MashAllah Sir G ! Kmal kr di ksm sy Thnks sir g for this great efforte for us Love from Pakistan Sir g

[@DashinDanish]

@ 27:00 begins prototypal (inheritance) !

[@prateek5668]

Best teaching style....jis ka mtlb this

[@kunalpandey3579]

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.

[@Leo-gaming-le]

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.

[@sujalthakkar2118]

Was reading mdn docs for the whole js, didn't understand the prototypes and hierarchy b/w them, searched for it in yt, found this video, Now I'm continuing with this playlist. Amazing explanation and interaction with audience. Tysm!

[@pranavindore2410]

Very nice explantion of concept. No one goes until this depth. Proper Explanation with illustration of what happens behind the scene.

[@HeyIMSomnath]

Itna depth aaj tak kisi JavaScript course me nhi hai.

[@hassamsaeed4839]

Akshay Saini ka course dekho

[@kt9950-r9x]

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

[@apatel176]

Anyone can help jab hum function ki jagah par Arrow function use karte hai toh score ki value undefined kyu batata hai ???

[@GamingWithParamYT]

@@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

[@shoaibhasan4026]

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 ❤❤❤

[@manuvashisht9376]

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.

[@Hitesh.17]

How easily you made me clear about new and this keyword with the prototype concept..... you really nailed it 🔥

[@sriharsh8633]

One of the underrated playlist of JavaScript, which focuses on building the concept precisely and understanding it through projects and examples Make a playlist on the react full course also, sir If possible, it will be helpful.

[@avneetyadav474]

Sir, this is the first time I could understood about prototype. Thanks

[@thecalgarians4597]

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. ❤

[@Digilifts]

Best Tutor that anyone can have. Deeply explained each and every module thank you so much sir ji for being one of the life saver in anyone's coding journey

[@junaidshaikh952]

Perfect In dept video that I needed. Many thanks explaining in such a simple way.

[@AbhijeetBhattacharya-n8g]

The portion where we added custom function to all objects was really cool

[@VishalSharma-rn7mt]

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 😊

[@radhekrishnastutas4424]

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 ❤❤❤

[@HarshGupta-if2xg]

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.

[@Manojsingh-cp9eq]

same

[@OmkeshJadhav]

Same. Came to comment section just to check ki mere jaisa aur koi hai kya ya mai akela hi aisa hu

[@abdul_rab01]

Thanks Sir for this Masterpiece series !! What an explanation on prototypes , mindblowing! And the way you teach "new" keyword, Hatsoff to you sir!

[@raviprakash1686]

You were absolutely right when you said that one should learn these concepts after working with javascript for atleast 1 year. Thank you so much for such an amazing video on prototype.

[@aksh1453]

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. ❤

[@DashinDanish]

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.

[@viralvideos6200]

Same here

[@esportsgapshap3149]

hey me here also a English Grad !

[@kalsotraaditya98]

​@@DashinDanishbro whats your update?

[@DashinDanish]

@@kalsotraaditya98 Done with frontend almost.

[@MRINFO-cc8yn]

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

[@shivamkumar-i1j3s]

0:00 - 27:00 new keyword 27:00 prototype

[@hasiiabbasi]

Kia kmal ki explanation di hai Sir na new operators ki. Amazing Sir keep it up ❤

[@Dev-Phantom]

one of the best Lecture and Concept in my life sir ,,the best........

[@biju1656]

Thank you so much Sir for creating such insightful and informative videos on KZbin. In a place where many creators focus more on monetization than meaningful content. I feel fortunate to have discovered your channel. You’re making a real difference...❤😇

[@programmer1682]

Timestamp: 00:00 to 27:00 object & new keyword 27:00 prototype

[@pravinmaane]

what a informative video. Great work sir 👌

[@Vikram_Singh_CS]

Mark my words, In coming years this video will be one of the reason of making this playlist best present JS playlist on KZbin. -धन्यवाद हितेश

[@uddhavraj9791]

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

[@mayank_m_jain_1160]

Great Video on Prototype. Part1 -> 0:00 - 26:38 Part2 -> 26:38

[@BitFire007]

"Chai aur Code, you're the hero of my JavaScript learning story. Your tutorials are unmatched!"

[@soniyakada595]

Thankyou Sir for making such amazing videos 🪄

[@kumarsagar34]

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

[@sanantakumarrath1775]

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

[@akshayjain2777]

Thanks sir 🎉❤ best series in of js with such a deep content in KZbin

[@singhkr]

what a amazing lectures best lecture available on youtube or any other platform

[@ro0t115]

i would like to say this.teacher is awesome.

[@soniyaprasad77]

This ka matlab "Jis" . Obeying Hitesh's Sir Order!

[@lokehirl]

Information rich and information heavy video, took a long to digest and understand, but after few replays.

[@barunkumar3276]

Reached at 22:19. Ye video meel ka patthar sabit hoga. Salute!!

[@niharikabhardwaj4598]

This is an excellent explanation, sir. I'm viewing for the first time, and I understand the majority of what I'm seeing.

[@ExploreSciFi]

good after some days you gonna understand even without inner concepts watching tutorials 😂 kxch ziyada to nai hogiya

[@shadikhusain1216]

Thank you @Hitesh Sir. ❤ esi tarah video aayenge aur aese js topic milte rahenge to js mai mastery sach mai krr jayenge.

[@divasbhadani9225]

one of the best tutorial on youtube. Thank You Sir 🙏

[@aryanwolfox6390]

Use of new key word for Constructor function and the new operator 0:00-26:00 Prototype 26:30

[@SachinYadav-eh7vg]

This JS series is one of the best Thank You Hitesh 🧑‍💻

[@abdul_rab01]

21:40 😆😆 best dailogue by sir!!

[@SurajKhonde-tl1dk]

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.

[@kaushalkishor143]

Thanks sir. your way of explanation is very nice. this video is useful for me.

[@tech_channel110]

behtareen or shandar lecture hitesh sir ki jay ho

[@imsiddhants_official]

Really nice session😃 much appreciated!

[@Pragramming-rd4kz]

In depth knowledge + simple explanation = Chai aur code❤

[@AnshuKushwaha-xz8di]

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,

[@msdhaliwal]

this is the one of the best videos of your channel 🔥

[@nature443]

Your Teaching clears most of thing ,Thank you,

[@avinashjha7848]

Awesome Explaination Sir

[@GamingWithParamYT]

Sir You are literally doing great Helping many students who can't afford expensive resources ❤❤❤❤

[@shubhtripathi4265]

Thankyou sir for sharing quality knowledge 😁

[@PulkitPorwal-v7y]

Video Timestamps :- 00:00 Objects and Importance of new Keyword 27:00 All About Prototyping

[@viditgoel2909]

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.

[@sureshbhatt363]

Thank you once again Hitesh bhai

[@singhamita]

Thanks alot for creating such a simplified vedios and complete tutorial on internet.

[@WebDeveloper-wt5tz]

I am from Pakistan. By watching this series I decided to accept you as my teacher. Thank you for such an amazing series!

[@squad4play]

Ye ramayan ka saar bahut hi interesting tha, please continue teaching us in this.style 🤩

[@srishtijha3]

27:06 prototype section

[@dragononfire7124]

I was so confused in this concept, now sir you have cleared all my confusions😍.

[@RaviYadav_Dev]

For people who are coming from Kotlin or similar languages, prototype function is a extension function for existing classes

[@nehabansal370]

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.

[@notai890]

***Easier understanding*** Okay, so For function , "existing function name".prototype is used followed by new "new" keyword when function call to create function for object, object.prototype is used to create function for array, Array.prototype is used to create function for string, String.prototype is used to create function And "this" is used inside for that inside context always

[@preetamdas29]

8:50 Function -> Object

[@animesh1945]

Chai pe charcha to ise kehte hain. This video is the best in this series. I Love this Charcha❤❤❤

[@nmithileshkumar1919]

What an explanation sir!!! 🙏

[@parthpitroda35]

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 ❤

[@dokodiaries]

Very detailed. Supercalifragilisticexpialidocious. Thank you so much..

[@kundandubey2401]

thank you sir for detail explanation😊

[@hamzasajid7973]

interesting examples and very well explained

[@swapnildutta2104]

0:00 - 27:00 (New keyword, Objects, this) 27:01 - Prototype and prototypal inheritance and most imp part Jis === this ;

[@WatchNotchK2S]

bhot bhot amazing video sir , ab aur maja aa rha hai js padhne me

[@subhranshu_sekhar]

Thanks sir. Prototype crystal clear 😊

[@jast_aryan-13]

Sir ji bhhut achi series bnai hai apne or is prototype vale lec se toh bhhut knowledge mili hai 😊

[@chaiaurcode]

To share b krdo to aur acha rhega

[@jast_aryan-13]

Jrur sir kre gee

[@nikhatansari3310]

27:00 prototype

[@deveshsharma534]

great sir as always. thankyou so much

[@abhishekkushwaha3029]

0:00 - 27:04 Object & new keyword 27:05 start prototype

[@linux097]

0:00 - 27:00 object and new oprater features . 27:00 prototype.

[@kaynatkhatib1289]

30:17 : "Ap b chae rakhiyega sath main kafi kam ayegi" .. Meanwhile me watching this while fasting :P

[@vimalradadiya5929]

next level explanation for behind the scene working of js

[@mohsinsiddique5158]

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.