Mixins in JavaScript : Object Oriented Programming Series - Part 8

JavaScript mixins to achieve multiple inheritance. By borrowing methods from multiple mixins.
Article and code samples from this tutorial
* techsith.com/mixins-in-javascript
Please help me translate this in your native language. Thanks much :)
* ua-cam.com/users/timedtext_vide...
Please be my patreons on patreaon
* / techsith
Follow me for technology updates
* / techsith
* / techsith1

[@obedoseifrimpong]

I literally bust out into laughter when he ate the ice cream. 😂😂😂😂😂

[@Techsithtube]

:) I am glad that you found it funny.

[@susanjoshi5948]

I can relate hahaha

[@crowdmaker]

Loved the image of a flying, crying superman. 😂Great tutorial too, now I finally know what mixins are!

[@swapnilpatwa2093]

saw your all videos and let me tell you, you made all the concepts​ super easy to understand. please don't stop, you are doing a wonderful job.. keep it up. thank you

[@Techsithtube]

Thanks for watching!

[@mikhoq]

11:15 "... and he can dodge bullets, like aliens" LOL :)
Thanks for a good video. I like that you keep your videos nice and short.

[@Techsithtube]

:) thanks for watching!

[@kuiamenhmartin6540]

Great Tutorial! For the Object.assign(), alternatively, we could also use the spread syntax in Javascript to achieve the same functionality like this,
const jsEngineer = { ...jsSkill, ...engDegree }

[@teshyp]

Thanks for all your energy! :)

[@unavummarunthum7794]

Your way of explaining complicated concepts are very easy to understand :) thanks for posting this video. Very useful.

[@sabwut1529]

Thanks man. :) Your videos helped me a lot in sharpening my skills

[@gc7042]

Thank you, the best js tutorial on UA-cam

[@Techsithtube]

Thank you for watching! :)

[@Videosuser]

Thank you and keep going, you tutorials are amazing.

[@chamnil8666]

Amazing content,thank you so much Sir.

[@threeone6012]

Thanks for the upload, great video as always!

[@Techsithtube]

Thanks for watching!

[@pawandeepchor89]

Awesome tutorial again 😊

[@fdc_8507]

thanks for great tutorials
You are the best in the internet

[@Techsithtube]

Thanks :)

[@TheQuestion0mark]

Great examples.. clear and focus

[@Techsithtube]

Thanks for watching!

[@GorillaDevFB]

Damn dude great content! I've never watched any of your videos but just subscribed. Thanks!

[@Techsithtube]

Thanks for watching Frankie.

[@oluwatobilemon9311]

thank you so much, this explains it better.

[@manendra19]

Simple and great tutorial. Explained very well . Good job.

[@Techsithtube]

:) Thanks for watching!

[@pkmkb_0]

i liked the way u chose names which will make us easy to remember the functionality..thanks.

[@Techsithtube]

My pleasure 😊 Thanks for watching!

[@gabrielfono844]

thanks
amazing tutorials

[@mostafaatef4584]

nice tutorial good job

[@ANREWTROFIMOV]

Hello) I would like to say Thank you and keep going, you tutorials are amazing.

[@Techsithtube]

THanks for watching Andriy :)

[@gabrielfono844]

it is amazing
thanks

[@CristianRomero-up1nj]

So clear

[@DevangPatil]

Excellent!!

[@Techsithtube]

Thanks for watching!

[@seenuvasanv]

Thanks.

[@supriyoranjan6640]

Great Video Sir please add more I am enjoying

[@Techsithtube]

Thanks for watching Supriyo. which tutorial you would like me to add?

[@gabrieldefazio]

awesome!

[@majdaleid6648]

thank you alot :=)

[@siddhesh9901]

That was good explanation
As explained in previous video, it only does shallow copy. Then how can we copy prototypes as well?
Without explicitly giving entry in assign function?
Object.assign(null,jsSkills,engDegree) should also do the same work, or not?
Will that empty object {} have a prototype?
How can one create an object without a prototype?

[@querenskylebrun8676]

Hi, I thank you for all these tutorials cause they are masterpiece, they help me ny understanding javascript, but i just wondered if you can make one about encapsulation, arguments keyword and the ternary operator
God bless you

[@Techsithtube]

Sure I will create a video explaining that. I think that might be useful.

[@user-rz6bw8oq7k]

I'm from Taiwan. Thanks.

[@yass-a]

Looks like the decorator pattern. Doesn't it?

[@rodrigogarcia6842]

"Now he's flying and crying at the same time" Man, that Lex Luthor sure whoop his ass.

[@focusgoal1773]

you were seeking someone's attention so i helped you by liking your comment

[@customxvega]

salade of Object.assign() :D i love it hahahaha good job man , good thing to enhance js intelligence .

[@womeninmovesolutionschanne1065]

Great

[@CliffStamp]

It would be interesting to compare this to class/extends.

[@Techsithtube]

class/extends is inheritance. object.assign is composition. Using mixins you can sort of achieve multiple inheritance. Class is single inheritance.

[@sunil24sunil]

at 10:40, as we use closures redCar.isMoving() should be the way , redCar.drive().isMoving() is redundant. thank you

[@Techsithtube]

Sunil , this is mixin example , to show you some of the tricks. In actual use some of that would be redundant.

[@arch7143]

"All human cry, and he will cry too. ("Tell me, do you bleed?... You will.) " *changes name to Sith Lord*

[@Techsithtube]

:)

[@corethenics]

Can u please add some interesting examples of JavaScript post message?

[@lowzhao]

Thank you for the tutorial, the pace is perfect and explaination is simple. But I have a question, for the second part, why the variable name(isFlying) can be the same as the function name(isFlying())? Wouldn't there wont be any confusion? For example when we return isFlying, it is returning the function itself? Another question can we use spread operator to achieve the same goal (I am worry about the variable is it by reference or by value)?

[@Techsithtube]

In this case on isFlying is a variable and other is a method of returning object. So its ok to have the same name. However, It make sense to have different name to avoid confusion. if variable is passed is a primitive types like number, string or boolean, its by value and objects are by ref.

[@lowzhao]

@@Techsithtube Thank you for the reply, I understand.

[@developerui2404]

Good smile , while having ice-cream , 😂😂😂

[@Techsithtube]

:)

[@msnfsn754]

6:53 "aah shit" 😂

[@LetterSignedBy51SpiesWasA-Coup]

Object.assign(me, {wantsIceCreamNow: true});

[@Techsithtube]

Console.log('Thank You for watching!');

[@krishnasagarapusanthoshi8106]

how to write a factory function by using function and how to call object.assign and give values

[@Techsithtube]

Can you give me an example ?

[@cseckler]

Why did you return Object.assign() when you could just as easily return a new object?

[@Techsithtube]

Object.assign() actually returns a new Object. I think also performance wise its faster than using a constructors.

[@cseckler]

techsith awesome. Thanks for the reply. Your videos are so helpful! Hugely appreciate your effort.

[@cmntkxp]

love

[@sabareeshk976]

Great.keep inspiring.

[@Techsithtube]

Thanks for watching!

[@sabareeshk976]

techsith we can use spread method instead of object.assign.which is more reliable.why did you choose to go with object.assign

[@Techsithtube]

+sabareesh k you mean the spread operator?

[@sabareeshk976]

techsith yes

[@gabrielfono844]

again
this is a terrible tutorials
it is so amazing

[@tamalbhowmik1269]

Why "console.log(superman.fly().cry().isCrying().isFlying());" showing Uncaught TypeError: superman.fly(...).cry(...).isCrying(...).isFlying is not a function

[@Techsithtube]

Iscrying gives you boolean so you can't call isflying on that.

[@93kumite]

Superman's crying as he flies cuz' he wants more methods

[@customdev7078]

Hi i wanna convert your video in hindi to help indian peoples in learning

[@Techsithtube]

I really appreciate , please do let me know once you convert it so I can share that info with my hindi audience. Thanks! :)

[@elinriahi7969]

Create examples , thanks

[@Techsithtube]

Thanks for watching!

[@prashanth.m.nprashanth8200]

Object.assign({},techSithEnMixinsVideo,techSithHindiMixinsVideo)

[@anonymous.youtuber]

Now you got me hungry too ! 👅