Khi bạn làm như vậy 0[0], trình thông dịch JS sẽ chuyển đối tượng đầu tiên 0thành một Numberđối tượng và sau đó cố gắng truy cập vào thuộc [0]tính của đối tượng đó undefined.
Không có lỗi cú pháp vì cú pháp truy cập 0[0]thuộc tính được ngữ pháp ngôn ngữ cho phép trong ngữ cảnh này. Cấu trúc này (sử dụng các thuật ngữ trong ngữ pháp Javascript) là NumericLiteral[NumericLiteral].
Phần có liên quan của ngữ pháp ngôn ngữ từ phần A.3 của thông số kỹ thuật ECMAScript ES5 là:
Literal ::
NullLiteral
BooleanLiteral
NumericLiteral
StringLiteral
RegularExpressionLiteral
PrimaryExpression :
this
Identifier
Literal
ArrayLiteral
ObjectLiteral
( Expression )
MemberExpression :
PrimaryExpression
FunctionExpression
MemberExpression [ Expression ]
MemberExpression . IdentifierName
new MemberExpression Arguments
Vì vậy, người ta có thể theo dõi máy cắt thông qua quá trình này:
MemberExpression [ Expression ]
PrimaryExpression [ Expression ]
Literal [ Expression ]
NumericLiteral [ Expression ]
Và, tương tự, Expressioncuối cùng cũng có thể NumericLiteralnhư vậy sau khi tuân theo ngữ pháp, chúng tôi thấy rằng điều này được phép:
NumericLiteral [ NumericLiteral ]
Có nghĩa là đó 0[0]là một phần được phép của ngữ pháp và do đó không có Lỗi cú pháp.
Sau đó, tại thời điểm chạy, bạn được phép đọc một thuộc tính không tồn tại (nó sẽ chỉ được đọc là undefined) miễn là nguồn bạn đang đọc là một đối tượng hoặc có một chuyển đổi ngầm định thành một đối tượng. Và, một ký tự số thực sự có một chuyển đổi ngầm thành một đối tượng (một đối tượng Số).
Đây là một trong những tính năng thường không được biết đến của Javascript. Các loại Number, Booleanvà Stringtrong Javascript thường được lưu trữ nội bộ như nguyên thủy (không phải đối tượng toàn diện). Đây là một biểu diễn lưu trữ nhỏ gọn, bất biến (có thể được thực hiện theo cách này để có hiệu quả triển khai). Tuy nhiên, Javascript muốn bạn có thể coi những nguyên thủy này giống như các đối tượng với các thuộc tính và phương thức. Vì vậy, nếu bạn cố gắng truy cập một thuộc tính hoặc phương thức không được hỗ trợ trực tiếp trên nguyên thủy, thì Javascript sẽ tạm thời ép buộc nguyên thủy thành một loại đối tượng thích hợp với giá trị được đặt thành giá trị của nguyên thủy.
Khi bạn sử dụng cú pháp giống đối tượng trên một nguyên thủy chẳng hạn 0[0], trình thông dịch nhận ra đây là một quyền truy cập thuộc tính trên một nguyên thủy. Phản ứng của nó đối với điều này là lấy 0nguyên mẫu số đầu tiên và ép nó thành một Numberđối tượng toàn diện mà sau đó nó có thể truy cập vào thuộc [0]tính. Trong trường hợp cụ thể này, thuộc [0]tính trên đối tượng Number undefinedlà lý do tại sao đó là giá trị bạn nhận được 0[0].
Đây là một bài viết về tự động chuyển đổi một nguyên thủy thành một đối tượng cho mục đích xử lý các thuộc tính:
Cuộc sống bí mật của những người nguyên thủy Javascript
Dưới đây là các phần có liên quan của thông số kỹ thuật ECMAScript 5.1:
9.10 CheckObjectCoercible
Ném TypeError nếu giá trị là undefinedhoặc null, nếu không trả về true.
11.2.1 Người tiếp cận tài sản
- Đặt baseReference là kết quả đánh giá MemberExpression.
- Đặt baseValue là GetValue (baseReference).
- Đặt propertyNameReference là kết quả của việc đánh giá Biểu thức.
- Đặt propertyNameValue là GetValue (propertyNameReference).
- Gọi CheckObjectCoercible (baseValue).
- Đặt propertyNameString là ToString (propertyNameValue).
- Nếu sản xuất cú pháp đang được đánh giá được chứa trong mã chế độ nghiêm ngặt, hãy đặt nghiêm ngặt là đúng, nếu không đặt nghiêm ngặt là sai.
- Trả về giá trị kiểu Tham chiếu có giá trị cơ sở là baseValue và có tên được tham chiếu là propertyNameString và có cờ chế độ nghiêm ngặt là nghiêm ngặt.
Một phần hữu ích cho câu hỏi này là bước # 5 ở trên.
8.7.1 GetValue (V)
Điều này mô tả cách khi giá trị đang được truy cập là một tham chiếu thuộc tính, nó sẽ gọi ToObject(base)để lấy phiên bản đối tượng của bất kỳ nguyên thủy nào.
9,9 Đối tượng
Này mô tả cách Boolean, Numbervà Stringnguyên thủy được chuyển đổi thành một hình thức đối tượng với [[PrimitiveValue]] tài sản nội bộ cho phù hợp.
Là một thử nghiệm thú vị, nếu mã như thế này:
var x = null;
var a = x[0];
Nó vẫn sẽ không ném ra SyntaxError tại thời điểm phân tích cú pháp vì đây là cú pháp hợp pháp về mặt kỹ thuật, nhưng nó sẽ ném ra một TypeError trong thời gian chạy khi bạn chạy mã bởi vì khi logic của Bộ truy cập thuộc tính ở trên được áp dụng cho giá trị của x, nó sẽ gọi CheckObjectCoercible(x)hoặc gọi ToObject(x)cái nào cả hai sẽ ném ra một TypeError nếu xlà nullhoặc undefined.
true[0]hoặc""[0]