JavaScript functions

KazuchikaYanagi — Thu, 08 Aug 2024 06:48:31 +0000

🔍 Understanding JavaScript Functions 🔍
JavaScript offers multiple ways to define functions, each with its unique features and use cases. Let's explore the differences between anonymous functions, regular functions, and arrow functions.

✨ Conclusion ✨
Understanding the differences between anonymous functions, regular functions, and arrow functions in JavaScript can greatly enhance your coding efficiency and clarity. Each type has its strengths and specific scenarios where it shines, making them versatile tools in a developer's toolkit.

📚 Background 📚
In the world of JavaScript, functions are a core building block, and knowing when and how to use each type can make your code more effective and maintainable. Whether you're a beginner or an experienced developer, mastering these function types is crucial for writing clean and efficient JavaScript code.

🌀 Anonymous Functions 🌀
Anonymous functions are functions without a name. They are often used as arguments to other functions or immediately invoked function expressions (IIFE).

const anonFunction = function() {
    console.log("This is an anonymous function");
};
anonFunction();

When to use:

Useful in callback scenarios, like event handlers or array methods (map, filter).
Good for creating functions on the fly without the need for reuse elsewhere in the code.

🔧 Regular Functions 🔧
Regular functions are the standard way to declare functions in JavaScript using the function keyword. They can be named or anonymous.

function regularFunction() {
    console.log("This is a regular function");
}
regularFunction();

When to use:

Ideal for defining functions that need to be reused throughout your code.
Supports hoisting, meaning they can be called before their declaration in the code.

🏹 Arrow Functions 🏹
Arrow functions provide a concise syntax for writing functions and have a lexical this binding, which means they do not have their own this context.

const arrowFunction = () => {
    console.log("This is an arrow function");
};
arrowFunction();

When to use:

Perfect for short functions and for scenarios where this context needs to be inherited from the parent scope.
Commonly used in functional programming patterns and as callbacks due to their succinct syntax.

🚀 Choosing the Right Function Type 🚀
Each function type in JavaScript serves different purposes:

Anonymous functions: Use for inline, one-time-use scenarios.
Regular functions: Use for functions that need to be reusable and benefit from hoisting.
Arrow functions: Use for short, concise functions, especially when dealing with this context from the surrounding scope.

By understanding these differences, you can write more efficient and readable JavaScript code.

1st week of WAD Blog

KazuchikaYanagi — Thu, 02 May 2024 18:35:05 +0000

Hello, there!
I am Kazu😀 This is my 1st blog. My co-op program, WAD course at CICCC in Vancouver, Canada has kicked off since April 29th. I am excited to start my new journey from now on! I would be grateful if you read the entire this blog and give me any feedback.

Myself
I am a Japanese and 27 years now. I was born in Nagano, my mom's hometown and raised in Gumma. My hometown, Gumma is located 2 above from Tokyo geographically. Gumma is so countryside that most of people there have their own car. Also, local bus comes to bus stop every 2 hours. That is why the way people get to somewhere is basically not transportation but their car. However, my hometown has not only negative aspects but also positive ones. As one of good points, there is Kusatsu onsen, which is included as one of top 3 famous hot spring in Japan(*1). Further, we have good relationship with local people. Neighborhood around my place is so nice that they gift foods such as fresh fruits, fresh vegetables and stuff to us and vice versa.

Next, I will introduce what I like to do.
Here is my like.

Table tennis🏓 (I had been playing table tennis about for 10 years!)
Listening music🎧 (My favorite bands are Mrs. green apple and King gnu(They are all J-pop bands))
Driving🚘 (I can't wait for driving in Canada!)
Cafe☕️ (I love getting relaxed and enjoying their vibe!)

When it comes to studying English, I have ever been in the Philippines twice and in Australia.
Before coming here, I had been working at IT company for 2 years and half in Japan. My main work was trouble shooting on tele-communication problem, Web application tester and redundancy environment creation with OpenShift.
There is 2 main reasons why I made up my mind to study WAD course in Vancouver.

career change to be front-end developer.
age limitation of working holiday visa of Canada First, when I had been working at previous company, I had been considering if I can work this job until retirement. I started coding to know what coding is like so that I have expectation that I might find what I want to do through many challenge. I felt fun when I could had created quite similar sample landing page by HTML and CSS. In particular, I was delighted being able to create by myself(*2). Since then, I . Second, I would like to work at different environment so that I only have work experience in Japan. Second, Japanese can use working holiday visa up to 30 years(31 years is also okay if they applied for it before being 31 years). Considering to using working holiday visa, It is possible for me to live in Canada up to 3 years(2 years: co-op program + 1 year: working holiday visa). Currently, I will turn to be 28 this year. To be honest, I am not sure if I will use it for living longer. But I think it is normal for people to take a good way.

((*1)Kusatsu onsen)

((*2)This is the first LP I created by myself!)

Your expectations for this course
My expectations for this course is to be able to catch up modern tech skills and to know what kind of skills companies in Vancouver demand for candidates through this course.

How was your experience with the course for 1st week?
To be frank, I am not still used to studying in new environment, classmates and different building. However, it is good for me to learn knowledge about what network is like, what kind of mechanic parts are embedded in laptop and etc. I will try to keep up with my class.

What you want to achieve after this course?
I would like to acquire programming ability to the point where I can convert my idea into an application. At the least, I would like to create one application as I can introduce about it confidently.

DEV Community: KazuchikaYanagi

JavaScript functions

1st week of WAD Blog