Vùng chết tạm thời là gì?

Tôi đã nghe nói rằng việc truy cập letvà constcác giá trị trước khi chúng được khởi tạo có thể gây ra một ReferenceErrorthứ gọi là vùng chết tạm thời .

Vùng chết tạm thời là gì, nó liên quan đến phạm vi và cẩu như thế nào, và trong những tình huống nào nó gặp phải?

letvà constcó hai điểm khác biệt lớn từ var:

1. Họ là khối phạm vi .
2. Truy cập vartrước khi nó được tuyên bố có kết quả undefined; truy cập một lethoặc consttrước khi nó được tuyên bố ném ReferenceError:

console.log(aVar); // undefined
console.log(aLet); // causes ReferenceError: aLet is not defined
var aVar = 1;
let aLet = 2;

Nó xuất hiện từ các ví dụ này rằng các letkhai báo (và const, hoạt động theo cùng một cách) có thể không được nâng lên , vì aLetdường như không tồn tại trước khi nó được gán một giá trị.

Tuy nhiên, đó không phải là trường hợp letvà const được nâng lên (như var, classvà function), nhưng có một khoảng thời gian giữa việc nhập phạm vi và được khai báo ở nơi không thể truy cập được. Thời kỳ này là vùng chết tạm thời (TDZ) .

TDZ kết thúc khi aLetđược khai báo , thay vì được chỉ định :

//console.log(aLet)  // would throw ReferenceError

let aLet;
console.log(aLet); // undefined
aLet = 10;
console.log(aLet); // 10

Ví dụ này cho thấy letđược nâng lên:

let x = 'outer value';
(function() {
  // start TDZ for x
  console.log(x);
  let x = 'inner value'; // declaration ends TDZ for x
}());

Tín dụng: Khu vực chết tạm thời (TDZ) bị phá hủy

Truy cập xtrong phạm vi bên trong vẫn gây ra a ReferenceError. Nếu letkhông được nâng lên, nó sẽ đăng nhập outer value.

TDZ là một điều tốt vì nó giúp làm nổi bật các lỗi mà truy cập vào một giá trị trước khi nó được tuyên bố là hiếm khi có chủ ý.

TDZ cũng áp dụng cho các đối số chức năng mặc định. Các đối số được đánh giá từ trái sang phải và mỗi đối số nằm trong TDZ cho đến khi được chỉ định:

// b is in TDZ until its value is assigned
function testDefaults(a=b, b) { }
testDefaults(undefined, 1); // throws ReferenceError because the evaluation of a reads b before it has been evaluated.

TDZ không được bật theo mặc định trong trình chuyển mã babel.js. Bật chế độ "tuân thủ cao" để sử dụng nó trong REPL . Cung cấp es6.spec.blockScopingcờ để sử dụng nó với CLI hoặc làm thư viện.

Đề nghị đọc thêm: TDZ đã được làm sáng tỏ và ES6 Let, Const và khu vực tạm thời tạm thời (TDZ) ở độ sâu .

Cẩu:
let , const, varđều get quá trình kéo lên.
(những gì có nghĩa là họ đi lên trên và tuyên bố ở trên cùng của phạm vi.)

Khởi tạo:

• varcũng trải qua quá trình ban đầu và nhận giá trị ban đầu của undefined.
  
• trong khi đó let, constđã không thực hiện quy trình ban đầu, vì vậy giá trị của chúng vẫn không thể truy cập được, mặc dù chúng đã được khai báo. những gì đặt chúng vàotemporal dead zone

Vì vậy, trong thời gian ngắn:

quá trình cẩu: var, let, const
quá trình initialisation: var

Trong trường hợp biến let và const, về cơ bản, Vùng chết tạm thời là một vùng

"trước khi biến của bạn được khai báo",

tức là khi bạn không thể truy cập giá trị của các biến này, nó sẽ đưa ra lỗi.

Ví dụ.

let sum = a + 5;        //---------
//some other code       //         | ------>  this is TDZ for variable a
                        //         |
console.log(sum)        //---------
let a = 5;

đoạn mã trên có lỗi

cùng một mã sẽ không gây ra lỗi khi chúng ta sử dụng var cho biến 'a',

Ví dụ.

var sum = a;                            
console.log(sum)     //prints undefined
var a = 5;