JavaScript ES6 Arrow Functions Tutorial

Подписаться 296 тыс.

Просмотров 32 тыс.

50% 1

👉 Become A VS Code SuperHero Today: vsCodeHero.com
In this video, I will explain arrow functions in JavaScript ES6. Arrow functions make your code shorter and more concise. They also handle the scoping of "this" in a more logical way than regular functions.
_____________________________________
📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: treehouse.7eer...
_____________________________________
🛠️ Tools I use:
🟠 Theme: marketplace.vi...
🟠 Font: STACKr Code (Exclusive to my VS Code Course - vsCodeHero.com)
🟠 SuperHero Extension Pack: marketplace.vi...
🚢 Deploy for FREE on Vercel: vercel.com/amb...
_____________________________________
💖 Show support!
PayPal: paypal.me/code...
_____________________________________
Watch Next:
Web Development - Beginners Roadmap (2020) - • Web Developer Roadmap ...
Playlist: Web Development For Beginners - • Web Development - Begi...
_____________________________________
Connect With Me:
Website: www.codestackr.com
Twitter: / codestackr
Instagram: / codestackr
Facebook: / codestackr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #JavaScript #learntocode

Опубликовано:

30 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 58

@codeSTACKr 5 лет назад

Thanks for all of the support!! Next up JavaScript Crash Course: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-d5ob3WAGeZE.html 📚 My Favorite Web Design Books 📚 Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett (paid link) amzn.to/2JaiCL8

@thetowerfantasymusic 3 года назад

This is the simplest, slow paced (which is good) and most straightforward video i've seen. For a junior Front-end Dev, I never could understand these from other youtubers because they're all over the place.

@codeSTACKr 3 года назад

Thank you!

@ickimadrasi8965 4 года назад

Great series, I love it, can't wait for the React.Js

@shahidullahmiazi 4 года назад

Now Arrow function is mine পানি ভাত। ধন্যবাদ a lots.

@TheDevilscrap 2 года назад

Great video, essential and clear , thx

@mizaelparedesvielma8221 5 лет назад

This video was really like taking off in some details that I wasn't sure about. Thank you so much.

@codeSTACKr 5 лет назад

Thanks for watching!

@behrad9712 2 года назад

Your Java Script videos on your roadmap are bad, they not precise! you didn't explain if the console not showing result in liveserver, how we can solve the problem in order to be able to follow your course!, in the HTML course, for example, you do not explain the file path I don't know why this is so important for beginners!?

@VK-yk7sx 3 года назад

Good 👍

@webcoderltd 2 года назад

Great video and finally understood it - would be nice to also explain how arrow functions affect hoisting.

@anasslebkhaiti7840 4 года назад

i can say this is one the top three js course in youtube thank you for sharing your knowledge with us

@codeSTACKr 4 года назад

Wow, thanks!

@alejandragomez3726 3 года назад

anyone know of a tutor that can help me with javascript? I am so lost. I am taking a javascript class right now and we had a hw assignment and it took me forever to figure out normal JS syntax and then they want us to rewrite that assingment using arrow functions and I have never cried so much. Its been 3 weeks i've been staring at the same function trying to figure out how to change it to an arrow function!!

@imrexx93onit91 2 года назад

Please how do you make the console below to show the output of your JS code. please am really confused. i can't run my js, only on VS code

@nostalgic6979 3 года назад

I watched other videos about arrow functions and they confused me a lot, I almost gave up on the whole thing..then I found this lesson, well explained and very clear..thank you sir for saving me

@codeSTACKr 3 года назад

I'm glad it helped!

@harshal.rathore 2 года назад

So is an anonymous function same as the Lambda function of python??

@ashwanikumar183 3 года назад

for console how you are opeing in vs code? what is the extension???

@zackcordle4814 2 года назад

Very easy to understand thank you. For some reason I had trouble wrapping my head around arrow functions but this made the subject so much more comprehensible.

@codeSTACKr 2 года назад

Glad it helped!

@akasharojee8569 3 года назад

Good overview of arrow functions with examples. Thanks!

@codeSTACKr 3 года назад

Glad it was helpful!

@Lyrik-Klinge 2 года назад

Great stuff, THANKS 🙂

@keissetje 3 года назад

Thanks for a very concise explanation of arrow functions. Exactly what I needed.

@codeSTACKr 3 года назад

Glad it was helpful!

@simple8810 3 года назад

this 9 mints video explained everything about arrow thanks man

@codeSTACKr 3 года назад

Glad it helped!

@emmanuelobonyo291 3 года назад

Thanks for this. Explained perfectly.

@codeSTACKr 3 года назад

You're welcome!

@najimali32 4 года назад

I was messed with arrow function & now you make it easy to learn. thanks a lot, man!!

@codeSTACKr 4 года назад

Glad I could help!

@ismailbakhach8990 2 года назад

how can i see the console in vs Code ?

@FrancoisBeyers 5 лет назад

what extension do you use to console log in VS Code?

@codeSTACKr 5 лет назад

Well.. it's kind of a trick. If you look closely, the bottom of the VS Code window stops above the console. It's actually the chrome console running via the live server extension in VS Code :) But if you do want to run it within VS Code you could use the terminal and Node.js.

@FrancoisBeyers 5 лет назад

codeSTACKr haha yeah I was watching one of your other videos and then got the idea that is the chrome console.

@felix-ej9in 3 года назад

well explained

@jessemccallums2448 2 года назад

pretty good video!

@zabinoori49 Год назад

nice💕💕👌👌

@STRIPPEDSTAR 4 года назад

That was great)

@masgozaimas 2 года назад

You talk like you're about to fall asleep!

@codeSTACKr 2 года назад

😴

@ridwanajibari4443 4 года назад

thanks for your explanation, subscribed. btw what extension u used to see the result directly in terminal once you saved the file?

@najimali32 4 года назад

he is using live server.

@jx4997 5 лет назад

Hi, thanks for making the video, I watched most of your videos on your channel. Enjoying watching them. :) When I followed this video, I got an error (SCRIPT5007: Unable to get property 'addEventListener' of undefined or null reference) when running the codes at ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-NAN7U3MrX6o.html (6:11), found that it could due to demo is not declared before load event. Just wondering why you did not have the same problem.

@codeSTACKr 5 лет назад

Where in your index.html file are you loading the JavaScript file? If you are loading it in the head of the document you could get this error. It should be just before the closing tag. Give that a try and let me know. Thanks for your support!

@jx4997 5 лет назад

@@codeSTACKr Bingo, that was the issue. Fixed. Thanks!

@gill78618 4 года назад

thanks im a beginner and im thirteen

@milenastankovic4706 4 года назад

Why you used ${a} when you returned the string??

@codeSTACKr 4 года назад

a is the variable that will be placed into the string.

@lilibethepis5867 4 года назад

how did you get console at vscode?

@codeSTACKr 4 года назад

It's just the Chrome console

@aliabukahil 3 года назад

Man, you are The Wizard of all MF Wizards! thanks, bruh I appreciate it

@codeSTACKr 3 года назад

I appreciate that

@davidschwartz2485 4 года назад

when i try to run the code with let message = (a) => 'hello ${a}; and then console.log it, everytime i save i lose the parethesis around the a and then the console log is hello ${a} only . why does vs code format like this and lose the parenthesis? its been driving me nuts. i tried adding the brackets back after the arrow and still the same thing happens. any ideas why?

@codeSTACKr 4 года назад

The parenthesis are optional there. It's being removed by one of your installed extensions but should not be an issue. Are you using backticks around the string? `hello ${a}`

@davidschwartz2485 4 года назад

@@codeSTACKr yes i just keep getting the "hello ${a}" instead of Hello John. i checked my extensions and installed eslint and changed my formatter from prettier so that the punctuation stays the same. neither of those options are working. appreciate the help