Jassif Team Institution

JavaScript Let

let கீவேர்டு ES6 (2015) இல் அறிமுகப்படுத்தப்பட்டது

Block Scope

ES6 (2015) க்கு முன், JavaScript க்கு Block Scope இல்லை.

JavaScript க்கு Global Scope மற்றும் Function Scope மட்டுமே இருந்தது.

ES6 இரண்டு புதிய JavaScript கீவேர்டுகளை அறிமுகப்படுத்தியது: let மற்றும் const.

இந்த இரண்டு கீவேர்டுகள் JavaScript இல் Block Scope ஐ வழங்கின:

{
  let x = 2;
}
// x can NOT be used here (outside the block)

Global Scope vs Block Scope

{
  var x = 2;
}
// x CAN be used here (outside the block)

{
  let x = 2;
}
// x can NOT be used here (outside the block)

Cannot be Redeclared

let உடன் வரையறுக்கப்பட்ட மாறிகள் மீண்டும் அறிவிக்க முடியாது.

நீங்கள் தற்செயலாக let உடன் அறிவிக்கப்பட்ட மாறியை மீண்டும் அறிவிக்க முடியாது.

let x = "John Doe";
let x = 0; // ❌ Error: Identifier 'x' has already been declared

var x = "John Doe";
var x = 0; // ✅ Allowed

Redeclaring Variables

var கீவேர்டைப் பயன்படுத்தி ஒரு மாறியை மீண்டும் அறிவிப்பது சிக்கல்களை ஏற்படுத்தும்.

var x = 10;
// Here x is 10

{
  var x = 2;
  // Here x is 2
}

// Here x is 2 (unexpected!)

let கீவேர்டைப் பயன்படுத்தி ஒரு மாறியை மீண்டும் அறிவிப்பது இந்த சிக்கலை தீர்க்கும்.

let x = 10;
// Here x is 10

{
  let x = 2;
  // Here x is 2
}

// Here x is 10 (as expected!)

Difference Between var, let and const

What is Good?

What is Not Good?

Browser Support

let மற்றும் const கீவேர்டுகள் Internet Explorer 11 அல்லது அதற்கு முந்தைய பதிப்புகளில் ஆதரிக்கப்படவில்லை.

Redeclaring Rules

var உடன் ஒரு JavaScript மாறியை மீண்டும் அறிவிப்பது ஒரு நிரலில் எங்கும் அனுமதிக்கப்படுகிறது:

var x = 2;   // Now x is 2
var x = 3;   // Now x is 3 (redeclared)

let உடன், அதே தொகுதியில் ஒரு மாறியை மீண்டும் அறிவிப்பது அனுமதிக்கப்படவில்லை:

let x = 2;   // Allowed
let x = 3;   // ❌ Not allowed

{
  let x = 2;   // Allowed
  let x = 3;   // ❌ Not allowed
}

{
  let x = 2;   // Allowed
  var x = 3;   // ❌ Not allowed
}

மற்றொரு தொகுதியில் let உடன் ஒரு மாறியை மீண்டும் அறிவிப்பது அனுமதிக்கப்படுகிறது:

let x = 2;   // Allowed

{
  let x = 3;   // Allowed (different block)
}

{
  let x = 4;   // Allowed (different block)
}

Let Hoisting

var உடன் வரையறுக்கப்பட்ட மாறிகள் மேலே hoist செய்யப்படுகின்றன மற்றும் எந்த நேரத்திலும் துவக்கப்படலாம்.

carName = "Volvo";
var carName; // ✅ Allowed (hoisted)

let உடன் வரையறுக்கப்பட்ட மாறிகள் தொகுதியின் மேலே hoist செய்யப்படுகின்றன, ஆனால் துவக்கப்படவில்லை.

carName = "Saab"; // ❌ ReferenceError
let carName = "Volvo";

Exercise