JavaScript ES6 Arrow Functions Tutorial
ฝัง
- เผยแพร่เมื่อ 2 ก.ย. 2019
- 👉 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.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
🟠 Theme: marketplace.visualstudio.com/...
🟠 Font: STACKr Code (Exclusive to my VS Code Course - vsCodeHero.com)
🟠 SuperHero Extension Pack: marketplace.visualstudio.com/...
🚢 Deploy for FREE on Vercel: vercel.com/ambassadors/codest...
_____________________________________
💖 Show support!
PayPal: paypal.me/codeSTACKr
_____________________________________
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 - วิทยาศาสตร์และเทคโนโลยี
Thanks for all of the support!!
Next up JavaScript Crash Course:
th-cam.com/video/d5ob3WAGeZE/w-d-xo.html
📚 My Favorite Web Design Books 📚
Web Design with HTML, CSS, JavaScript and jQuery Set by Jon Duckett (paid link)
amzn.to/2JaiCL8
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.
Thank you!
Great series, I love it, can't wait for the React.Js
This video was really like taking off in some details that I wasn't sure about. Thank you so much.
Thanks for watching!
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.
Glad it helped!
I was messed with arrow function & now you make it easy to learn.
thanks a lot, man!!
Glad I could help!
i can say this is one the top three js course in youtube thank you for sharing your knowledge with us
Wow, thanks!
Great video, essential and clear , thx
Good overview of arrow functions with examples. Thanks!
Glad it was helpful!
Thanks for a very concise explanation of arrow functions. Exactly what I needed.
Glad it was helpful!
Great video and finally understood it - would be nice to also explain how arrow functions affect hoisting.
Thanks for this. Explained perfectly.
You're welcome!
Great stuff, THANKS 🙂
this 9 mints video explained everything about arrow thanks man
Glad it helped!
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
I'm glad it helped!
Now Arrow function is mine পানি ভাত। ধন্যবাদ a lots.
pretty good video!
That was great)
well explained
thanks for your explanation, subscribed. btw what extension u used to see the result directly in terminal once you saved the file?
he is using live server.
Good 👍
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
nice💕💕👌👌
for console how you are opeing in vs code? what is the extension???
So is an anonymous function same as the Lambda function of python??
how can i see the console in vs
Code ?
what extension do you use to console log in VS Code?
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.
codeSTACKr haha yeah I was watching one of your other videos and then got the idea that is the chrome console.
how did you get console at vscode?
It's just the Chrome console
Why you used ${a} when you returned the string??
a is the variable that will be placed into the string.
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 th-cam.com/video/NAN7U3MrX6o/w-d-xo.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.
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!
@@codeSTACKr Bingo, that was the issue. Fixed. Thanks!
thanks im a beginner and
im thirteen
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!!
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?
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}`
@@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
Use backticks(` `) sir instead of quotations (" ").
Man, you are The Wizard of all MF Wizards! thanks, bruh I appreciate it
I appreciate that
You talk like you're about to fall asleep!
😴
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!?