Tham chiếuMỗi và đối tượng chung

Question

Trong javascriptwindow là đối tượng chung, có nghĩa là mọi đối tượng trong phạm vi toàn cầu là con của window. Vậy tại sao tôi nhận được kết quả này:

console.log(window.foo); // No error, logs "undefined". 
console.log(foo);  // Uncaught ReferenceError: foo is not defined. 

Fiddle

Hai dòng nên được như vậy, không nên họ?

Answer 1

Vì với window.foo, bạn đang tìm kiếm một cách rõ ràng foo thuộc tính của đối tượng window không phải là trường hợp trong tùy chọn thứ hai. Trong tùy chọn thứ hai, nếu foo không được xác định, bạn nên làm nhà phát triển có thể biết rằng nó không được xác định và nhận được cảnh báo lỗi rõ ràng hơn là thông dịch viên tự đặt nó thành undefined (như trường hợp đầu tiên) đến bất ngờ kết quả.

Reference Error:

Đại diện một lỗi khi một biến không tồn tại được tham chiếu. Một tham chiếuError được ném khi cố gắng dereference một biến chưa được khai báo.

Hãy nhìn vào bài viết này để biết thêm:

• Understanding JavaScript’s ‘undefined’

Trích dẫn từ trên bài viết:

Một tham khảo được coi là không thể giải quyết nếu giá trị cơ bản của nó không được xác định. Do đó, tham chiếu thuộc tính không thể giải quyết được nếu giá trị trước dấu chấm không được xác định. Ví dụ sau đây sẽ ném một ReferenceError nhưng nó không phải vì TypeError đến đó trước. Điều này là do giá trị cơ sở của một thuộc tính phải chịu sự kiểm tra của CheckObjectCoercible (ECMA 5 9.10 thông qua 11.2.1) mà ném một TypeError khi cố gắng chuyển đổi kiểu Undefined thành một đối tượng.

Ví dụ:

var foo; 
foo.bar; //TypeError (base value, foo, is undefined) 
bar.baz; //ReferenceError (bar is unersolvable) 
undefined.foo; //TypeError (base value is undefined) 

Tài liệu tham khảo mà không phải là tài sản hoặc biến là theo định nghĩa không thể giải quyết và sẽ ném một ReferenceError, Vì vậy:

foo; //ReferenceError 

Answer 2

Trong ví dụ đầu tiên của bạn (window.foo), bạn đang truy cập thuộc tính của đối tượng cửa sổ. JavaScript trả về "không xác định" cho khi bạn đang cố truy cập một thuộc tính không tồn tại của một đối tượng. Nó được thiết kế theo cách đó.

Trong ví dụ thứ hai, bạn đang tham chiếu một biến trực tiếp và vì nó không tồn tại một lỗi được nêu ra.

Đó chỉ là cách JavaScript được thiết kế và hoạt động.

Answer 3

Trong JavaScript bạn có thể gán trường đối tượng đang bay như vậy, vì vậy, window.foo là gần (xem các nhận xét bên dưới) tương đương với var foo;khi được xác định trong bối cảnh chung, trong khi chỉ cần gọi foo ngoài màu xanh làm cho trình duyệt hoảng sợ vì không biết phải nhìn vào đối tượng nào. Thông báo, nếu bạn làm như vậy:

//when in global context, 'var' sets a property on the window object 
var foo; 

console.log(foo); 
//it will then also log `undefined` instead of throwing the error. 

//if you then do: 
foo = "abbazabba"; 

console.log(window.foo); 
// it will return "abbazabba"