DEV Community: Sultan Akhter

Null vs. Undefined in JavaScript: The Ultimate Showdown

Sultan Akhter — Tue, 06 Aug 2024 01:01:21 +0000

Welcome to the world of JavaScript, where null and undefined are the dynamic duo of nothingness! These two siblings might seem similar, but they have their own quirks and personalities. Let’s dive into this exciting world of JavaScript to uncover the differences between null and undefined, and see some fun examples along the way!

The Basics: What Are Null and Undefined?

In JavaScript, both null and undefined represent the absence of value, but they are not the same. Think of undefined as a mischievous imp who forgets to show up, while null is a cool cat who intentionally decides to sit out.

Undefined: This is JavaScript’s default way of saying, “Oops, we forgot to give this a value.” It happens when you declare a variable but don’t assign anything to it.

Null: This is used by developers to say, “This should have no value.” It’s an intentional absence of any value.

The Quirky Differences

Type Check:

The typeof undefined returns 'undefined' but typeof null returns 'object'. Yes, it’s weird and it’s a known bug!

Equality Check:

null == undefined returns true. They’re considered loosely equal.
null === undefined returns false. Strict equality shows their differences.

Use Cases:

Use undefined for uninitialized variables, missing parameters, or default returns.

Use null when you want to explicitly state that a variable should be empty.

Summary

undefined: Default for uninitialized variables.
null: Explicitly assigned to signify no value.
Type Check: typeof undefined is "undefined", typeof null is "object".
Equality Check: null == undefined is true, null === undefined is false.
Use Cases: Use undefined for missing values; use null for intentional emptiness.
Now, armed with this knowledge, you’re ready to navigate the fascinating world of JavaScript with null and undefined by your side. Happy coding!

If you want to learn/revise about the basics of Javascript, follow me and checkout some other articles related to the basic concept of Javascript.
Follow me on linked in for daily Js quiz questions.

Understanding Javascript Closures (Without Breaking a Sweat!)

Sultan Akhter — Sun, 21 Jul 2024 20:15:34 +0000

JavaScript is full of fascinating concepts, but few are as enchanting (and sometimes perplexing) as closures. If you’ve ever scratched your head wondering what closures are, you're in the right place. By the end of this two-minute read, you'll be able to dazzle your friends with your newfound knowledge. Ready? Let’s dive in!

What Exactly is a Closure?

In JavaScript, a closure is like a backpack. Imagine a function packing its variables and taking them along wherever it goes, even after the outer function has finished executing. This ability to remember and access its lexical scope is what makes a closure.

Why Should You Care About Closures?

Closures are everywhere in JavaScript. They are crucial for creating powerful and efficient code, especially when dealing with asynchronous operations, callbacks, and functional programming. Mastering closures can elevate your JavaScript skills from “meh” to “wow!”

The Closure Magic Show

Let’s break it down with a simple example:

Here’s what’s happening:

Outer Function: 'outerFunction' defines a variable 'outerVariable' and an 'innerFunction'.
Inner Function: 'innerFunction' has access to 'outerVariable' even after 'outerFunction' has executed.
Closure in Action: When 'myClosure' is called, it remembers the environment in which it was created, logging "I’m the outer variable!".

Common Uses for Closures

1. Data Privacy:

Closures can help keep variables private and protect them from the outside world. Think of them as JavaScript’s version of a “Do Not Disturb” sign.

2. Creating Factories:

Closures are perfect for factory functions, where you need to create multiple instances of a function with their own private state.

Conclusion

Closures might sound like magic, but they are a fundamental part of JavaScript that can make your code more efficient and powerful. Remember, a closure is simply a function bundled together with its surrounding state (the lexical environment). So, next time you see a closure in action, give yourself a pat on the back – you’ve just witnessed some JavaScript wizardry!

Happy coding, and may your closures always be tight!

If you want to learn/revise about the basics of Javascript, follow me and checkout some other articles related to the basic concept of Javascript.

Confused by var, let, and const? Let's Clear the Mess

Sultan Akhter — Tue, 16 Jul 2024 22:38:17 +0000

Ah, JavaScript variables! If you’ve ever found yourself scratching your head over the differences between var, let, and const, you’re not alone. Understanding these three can feel like trying to navigate a maze. But fear not, dear coder! I am here to clarify the confusion.

Basic Concept : Assigning and Redeclaration of Variable

Let's start with 'Var' - The Old Guard of JS

The variable associated with 'var' keyword can be reassign and redeclared.

'Let' - The Modern contender

The variable associated with 'let' can be reassign but cannot be redeclared.

'Const' - The Immutable Force

The variable associated with 'const' can neither be reassign not redeclared.

If you are a beginner and want to know about the bare minimum about variables, then this STOP is for you. Below we will discuss some advance concepts related to variables which will come in handy like Scoping and Hoisting .

Scoping - Accessibility of variables within specific parts of code.

Where 'var' has Function Scope but 'let' and 'const' are Block Scope. It means 'var' can be accessed throughout the function even in blocks (if,else etc..) And 'let' and 'const' can be accessed inside its own Block.

Hoisting - In simple words, it means using variables without declaring them is called Hoisting.

'var' declaration is hoisted and initialized as 'undefined', you can use the variable before its declartion but its value will be undefined.
'let' and 'const' declaration is hoisted but not initialized, you cannot use the variable before its declaration, attempting to do so will result in 'reference error'.

Thankyou for reading, I am starting my journey of posting, related to Web Development. Do like and share to support me.
If you have any question regarding the topic or the info shared in the blog, please leave a comment.