TypeScript let

🎓 Top 15 Udemy Courses (80-90% Discount): My Udemy Courses - Ramesh Fadatare — All my Udemy courses are real-time and project oriented courses.

▶️ Subscribe to My YouTube Channel (178K+ subscribers): Java Guides on YouTube

▶️ For AI, ChatGPT, Web, Tech, and Generative AI, subscribe to another channel: Ramesh Fadatare on YouTube

Introduction

In this chapter, we will learn about the let keyword in TypeScript. The let keyword is used to declare variables that are only accessible within the block where they are defined. This helps in writing clean and error-free TypeScript code.

Table of Contents

1. Definition
2. Syntax
3. Block Scope
4. Redeclaration
5. Temporal Dead Zone
6. Conclusion

Definition

The let keyword declares a variable that is block-scoped. This means the variable is only available within the block where it is defined. This is different from the var keyword, which declares a variable that is function-scoped or globally scoped.

Syntax

Syntax

let variableName: type = value;

Example

Here, we declare a variable age using let. Initially, age is set to 25. We then change its value to 26 and log it to the console.

let age: number = 25;
age = 26; // Allowed
console.log(age); // Output: 26

Block Scope

Variables declared with let are only accessible within the block where they are defined. A block is a section of code enclosed in curly braces {}.

Example

In this example, message is declared inside an if block. It is accessible within the block but not outside of it.

if (true) {
  let message: string = "Hello, TypeScript!";
  console.log(message); // Output: Hello, TypeScript!
}
// console.log(message); // Error: Cannot find name 'message'.

Redeclaration

Variables declared with let cannot be redeclared within the same block scope. This helps prevent errors and makes the code clearer.

Example

In this example, name is declared using let and then reassigned a new value. Trying to redeclare it within the same block will result in an error.

let name: string = "Ramesh";
// let name: string = "Suresh"; // Error: Cannot redeclare block-scoped variable 'name'.
name = "Suresh"; // Allowed
console.log(name); // Output: Suresh

Temporal Dead Zone

The temporal dead zone (TDZ) is the time between entering the scope where the variable is declared and the point where the variable is actually declared. Accessing a variable in the TDZ results in a ReferenceError.

Example

In this example, accessing myVar before its declaration will result in an error due to the temporal dead zone.

console.log(myVar); // Error: Cannot access 'myVar' before initialization
let myVar: number = 10;

Conclusion

In this chapter, we covered the let keyword in TypeScript, including its definition, syntax, block scope, redeclaration rules, and the temporal dead zone. Understanding the let keyword is important for writing clean, maintainable, and error-free TypeScript code. In the next chapter, we will explore the const keyword and its usage in TypeScript.

My Top and Bestseller Udemy Courses. The sale is going on with a 70 - 80% discount. The discount coupon has been added to each course below:

Build REST APIs with Spring Boot 4, Spring Security 7, and JWT

🆕 High-Demand 80–90% OFF

[NEW] Learn Apache Maven with IntelliJ IDEA and Java 25

🆕 High-Demand 80–90% OFF

ChatGPT + Generative AI + Prompt Engineering for Beginners

🚀 Trending Now 80–90% OFF

Spring 7 and Spring Boot 4 for Beginners (Includes 8 Projects)

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Building Real-Time REST APIs with Spring Boot - Blog App

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Building Microservices with Spring Boot and Spring Cloud

🌟 Top Rated 80–90% OFF
Available in Udemy for Business

Java Full-Stack Developer Course with Spring Boot and React JS

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Build 5 Spring Boot Projects with Java: Line-by-Line Coding

🌟 Top Rated 80–90% OFF

Testing Spring Boot Application with JUnit and Mockito

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Spring Boot Thymeleaf Real-Time Web Application - Blog App

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Master Spring Data JPA with Hibernate

🔥 Bestseller 80–90% OFF
Available in Udemy for Business

Spring Boot + Apache Kafka Course - The Practical Guide

🎓 Student Favorite 80–90% OFF
Available in Udemy for Business

Java Testing: Mastering JUnit 5 Framework

🆕 New 80–90% OFF

Reactive Programming in Java: Spring WebFlux and Testing

🌟 Top Rated 80–90% OFF

Spring Boot + RabbitMQ Course - The Practical Guide

🌟 Top Rated 80–90% OFF
Available in Udemy for Business

Functional Programming in Java (Includes Java Collections)

🎓 Student Favorite 80–90% OFF

ChatGPT for Java Developers: Boost Your Productivity with AI

🚀 Trending Now 80–90% OFF