7 different ways to write JavaScript functions (explained for beginners)

[@codewithbubb]

I have this written up as a blog article but I can't build my site at the moment! I'll add a link to it once I can publish the article!

[@MuhammadOsama-f7r]

hello Brother, Brother, I am stuck in javascript functions for so long I mean for four days and this issue is not getting clear. Brother I recorded the video of my problem because it would then get hard for me to type my problem in detail here. just give me some source so I could share a video with you. Here's the code. (This is the solved version. but I am not still cleared). ``` function add(number){ const sum = number + number; return sum; } const result = add(5); console.log(result); ``` and except all this. You are legend. Lot's of love.

[@codewithbubb]

Hey, thanks for your message. What were you having problems with exactly? Are you stuck understanding functions in JavaScript?

[@djlee0721]

Another great video 🙌🏻

[@codewithbubb]

Ah, thanks very much Daniel - appreciate the support!

[@BloodyClash]

😁usually i quit when people call javascript a programming language. but this time...was interesting to see how much javascript already has gotten from its big brother

[@codewithbubb]

Cool, and what are your thoughts on JavaScript now? (Also, thanks for being a long time subscriber 😀)

[@BloodyClash]

@@codewithbubb i do like javascript. used it for some small web thingies in the past and since i love java i have to like its relatives, too 😁

[@CheefCoach]

The first way is the best way to write functions. Unless you are inside of class, object or callback.

[@codewithbubb]

Thanks Aleksandar! Definitely using the function keyword makes it obvious what you’re doing in your JavaScript code.

[@Shehjeishiwwhbememd]

❤thanks

[@codewithbubb]

You're welcome! Hope you find it useful.

[@oukiebotha2227]

Hi James. Agree, great video, thanks, 🙏🙏. I thought a function declaration is the way to go. Still struggling to understand and practice arrow functions. You are an excellent teacher with a great t shirt😂😂,😊😊👍👍

[@codewithbubb]

Hey Oukie, yeah nothing wrong with them as such but there are better options 😊. Yeah, arrow functions are really confusing at first but you'll get the hang of them I'm sure. Thanks again for the support!

[@oukiebotha2227]

Hi James. Trust you are doing well. Please encourage me not to beat up the neighbour😊😊, because i had a terrible week with JS. None of my projects are running, none.😡😡. I am frustrated. I code about 3 hours every night, and with projects not running, that's a big NO for me. Have a good weekend and i hope the neighbour is out of town😂😂. Best regards.🖐️🖐️

[@codewithbubb]

Glad i'm not your neighbour! But seriously, I think everyone has those time (I do even now) when you feel like nothing is working and you know nothing. The best thing to do is to take a bit of a break and not get frustrated and understand that it's normal when learning something new. If there's anything I can help with then just let me know!

[@benb3928]

aw to no closures, __prototype__ or .apply for types 8.9, and 10

[@codewithbubb]

That would be some worthy additons 🤓

[@amiranGo]

Protip: Almost never use `this` unless you're actually in a Class. Even with the example of the factorial you provided, you're better off with just referring to the object itself: const myMath = { factorial(n) { if (n === 0) return 1; return n * myMath.factorial(n - 1); } } This way, you can also destruct the function out of the object and it will still work: const { factorial } = myMath; factorial(5)

[@codewithbubb]

Thanks for sharing 😉

[@harpo187bling]

Nice t-shirt.

[@codewithbubb]

Haha! Thanks. From Amazon if I remember.

[@inteltone]

Very useful information, but its presentation makes it very difficult to understand. The material is told and shown too quickly. For a beginner to understand it, you need to watch the video 2-3 times or even more.

[@codewithbubb]

Hey, thanks so much for your feedback. Really appreciate it. Yes, I agree with you - when I was editing I was thinking "this is a lot of information delivered very quickly!". I hope you'll agree though that it is tricky to slow down, give details and still keep people engaged (as everyone has short attention spans these days!) and making this content 20,30 or 40 minutes long might put other people off also. Kinda tricky to get the balance 🤔

[@fritiofrusck]

eval(" function foo() { return \"bar\"; } ")

[@codewithbubb]

Haha! Yes, should have mentioned that 😀