An Interest In:
Web News this Week
- March 20, 2024
- March 19, 2024
- March 18, 2024
- March 17, 2024
- March 16, 2024
- March 15, 2024
- March 14, 2024
Some of Our Sources
View All SourcesLet Understand Temporal Dead Zone
Before understand Temporal Dead Zone. We have to understand.
What is the difference between declaring and initialising?
What is Declaring ?
Let's take small code
function example() { let age; // 1 line age = 20; // 2 line let hands = 2; // 3 line}
In above example, we declare age variable with "let" keyword.
in line 2, we assign value to age. It is called initialising.Before ES6 there is no other way to define a variable.ES6 came with let and const.let and Const are both block scoped.
Now What is Block Scoped?
let and const both are access under within the { } enclosed them.In other side "var" has no restriction.
Let's take simple code
let boyAge= 18;let isPartyToday = true;if (isPartyToday) { let boyAge = 6; }console.log(boyAge); // This print 18
Above code I am initialise BoyAge two time. When we print boyAge then we have output is 18 because boyAge have 6 age that are wraped with {} symbols. so we can not get output 6.
in case of var let take one sample code and see what will happen.
Let's take one simple code
var boyAge= 18; // line 1var isPartyToday = true; // line 2if (isPartyToday ) { // line 3 var boyAge = 6; // line 4} // line 5console.log(boyAge); // This print 6
In the above code, we initial our boyAge two time .That Program will give us 6.because of at the last of line number 4 . We assign value is 6.
Notes:
if we accesss variable before declared then it will show undefined.But if you do with let and const.They throw a ReferenceError
Let see some code:
console.log(varNumber); // undefinedconsole.log(letNumber); // it throws a ReferenceError letNumber is not definedvar varNumber = 1;let letNumber = 1;
In above code, We can see clear that letNumber variable showed referenceError.
Now move to main Topic that is Temporal Dead Zone
There are few question about Temporal Dead Zone
Let's check question
What is Temporal Dead Zone?
a. The let and const variables exist in the TDZ from the start of their enclosing scope until they are declared.
b. The only difference between const and let is that when they are hoisted, their values don't get defaulted to undefined.
{ // Both the below variables will be hoisted to the top of their scope! console.log(typeof nothing); // Prints undefined console.log(typeof name); // Throws an error, cannot access 'name' before initialization let name = "rahul";}
The above code is proof that let is clearly hoisted above where it was declared, as the engine alerts us to the fact. It knows name exists but we can't access it before it is initialized.
When variables get hoisted, var gets undefined initialized to its value by default in the process of hoisting. let and const also get hoisted, but they don't get set to undefined when they get hoisted.
And that is reason we have the TDZ. Which is why it happens with let and const but not var.
Why is Temporal Dead Zone?
It helps us catch errors.To try and access a variable before it is declared is the wrong way.
Original Link: https://dev.to/rahulcs754/let-understand-temporal-dead-zone-4gl
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To