Kiểm tra đối tượng null trong javascript

Đối tượng là cấu trúc dữ liệu phức tạp. Đối tượng đơn giản nhất trong JavaScript là đối tượng đơn giản — một tập hợp các khóa và giá trị được liên kết

javascript
let myObject = {
  name: 'Eric Cartman'
};

Nhưng có những tình huống không thể tạo một đối tượng. Đối với những trường hợp như vậy, JavaScript cung cấp một giá trị đặc biệt

javascript
let myObject = null;

5 — cho biết một đối tượng bị thiếu

javascript
let myObject = null;

Trong bài đăng này, bạn sẽ tìm hiểu mọi thứ về

javascript
let myObject = null;

5 trong JavaScript. ý nghĩa của nó, cách phát hiện nó, sự khác biệt giữa

javascript
let myObject = null;

5 và

javascript
let myObject = null;

8 và tại sao việc sử dụng rộng rãi

javascript
let myObject = null;

5 lại gây khó khăn cho việc bảo trì mã

Mục lục

1. khái niệm vô giá trị

JavaScript nói về

javascript
let myObject = null;

5

javascript
let myObject = null;

5 là một giá trị nguyên thủy đại diện cho sự vắng mặt có chủ ý của bất kỳ giá trị đối tượng nào

Nếu bạn thấy

javascript
let myObject = null;

5 [được gán cho một biến hoặc được trả về bởi một hàm], thì tại vị trí đó lẽ ra phải là một đối tượng, nhưng vì lý do nào đó, một đối tượng đã không được tạo

Ví dụ: hàm

javascript
let myObject = null;

03 tạo đối tượng, nhưng cũng có thể trả về

javascript
let myObject = null;

5 khi không thể tạo đối tượng

javascript
let myObject = null;

0

Khi gọi hàm với một đối số chuỗi như

javascript
let myObject = null;

05, như mong đợi, hàm trả về một đối tượng

javascript
let myObject = null;

06

Tuy nhiên, khi gọi hàm không có đối số —

javascript
let myObject = null;

03 — hàm trả về

javascript
let myObject = null;

5. Trả về

javascript
let myObject = null;

5 là hợp lý vì tham số

javascript
let myObject = null;

80 không có giá trị và không thể tạo đối tượng lời chào

1. 1 Sự tương tự trong thế giới thực của null

Nghĩ về một phép loại suy trong thế giới thực, bạn có thể tưởng tượng một biến là một cái hộp. Giống như một biến có thể chứa một đối tượng, hộp có thể chứa các đối tượng giống như ấm trà

Nhưng một khi bạn nhận được một hộp và mở nó ra. và không có gì ở đó. Ai đó đã nhầm lẫn và gửi cho bạn một chiếc hộp trống. Hộp không chứa gì, hoặc nói cách khác, chứa giá trị

javascript
let myObject = null;

5

2. Cách kiểm tra giá trị rỗng

Cách tốt nhất để kiểm tra

javascript
let myObject = null;

5 là sử dụng

javascript
let myObject = null;

8

javascript
let myObject = null;

83 ước tính thành

javascript
let myObject = null;

84 vì biến

javascript
let myObject = null;

85 chứa giá trị

javascript
let myObject = null;

5

Nếu biến chứa một giá trị khác null, chẳng hạn như một đối tượng, thì biểu thức

javascript
let myObject = null;

  

87 ước tính là

javascript
let myObject = null;

88

2. 1 null là sai

javascript
let myObject = null;

5, cùng với

javascript
let myObject = null;

88,

javascript
let myObject = null;

01,

javascript
let myObject = null;

02,

javascript
let myObject = null;

8,

javascript
let myObject = null;

04, là một giá trị giả. Nếu gặp phải giá trị giả trong điều kiện, thì JavaScript sẽ ép giá trị giả thành

javascript
let myObject = null;

88

javascript
let myObject = null;

0

2. 2 loại null

Toán tử

javascript
let myObject = null;

06 xác định loại giá trị. Ví dụ:

javascript
let myObject = null;

07 là

javascript
let myObject = null;

08 và

javascript
let myObject = null;

09 đánh giá là

javascript
let myObject = null;

00

Thật thú vị, giá trị mà

javascript
let myObject = null;

01 đánh giá là gì?

javascript
let myObject = null;

0

hừm. làm thế nào loại đối tượng bị thiếu có thể ước tính thành

javascript
let myObject = null;

00?

Không sử dụng toán tử

javascript
let myObject = null;

05 để phát hiện giá trị

javascript
let myObject = null;

5. Như đã đề cập trước đây, hãy sử dụng toán tử đẳng thức nghiêm ngặt

javascript
let myObject = null;

07

Nếu bạn muốn kiểm tra xem một biến có chứa đối tượng hay không bằng cách sử dụng toán tử

javascript
let myObject = null;

05, bạn cũng phải kiểm tra lại

javascript
let myObject = null;

5

javascript
let myObject = null;

1

3. Cái bẫy của null

javascript
let myObject = null;

5 có thể xuất hiện, thường là bất ngờ, trong các tình huống khi bạn mong đợi một đối tượng. Sau đó, nếu bạn cố trích xuất một thuộc tính từ

javascript
let myObject = null;

5, thì JavaScript sẽ báo lỗi

Hãy sử dụng lại hàm

javascript
let myObject = null;

03 và thử truy cập thuộc tính

javascript
let myObject = null;

13 từ đối tượng được trả về

javascript
let myObject = null;

6

Vì biến

javascript
let myObject = null;

80 là chuỗi rỗng nên hàm trả về

javascript

  

let myObject = null;

5. Khi truy cập thuộc tính

javascript
let myObject = null;

13 từ

javascript
let myObject = null;

5, lỗi TypeError được đưa ra

Bạn có thể xử lý

javascript
let myObject = null;

5 bằng cách sử dụng chuỗi tùy chọn với kết hợp vô hiệu

javascript
let myObject = null;

2

hoặc sử dụng 2 lựa chọn thay thế được mô tả trong phần tiếp theo

4. Các lựa chọn thay thế cho null

Thật hấp dẫn khi quay lại

javascript
let myObject = null;

5 khi bạn không thể xây dựng một đối tượng. Nhưng thực hành này có nhược điểm

Ngay khi

javascript
let myObject = null;

5 xuất hiện trong ngăn xếp thực thi của bạn, bạn luôn phải kiểm tra nó

Tôi cố gắng tránh trả lại

javascript
let myObject = null;

5 để ủng hộ

• trả về một đối tượng mặc định thay vì

  javascript
  let myObject = null;
  

  5
• đưa ra một lỗi thay vì trả về

  javascript
  let myObject = null;
  

  5

Hãy nhớ lại hàm

javascript
let myObject = null;

03 trả về các đối tượng lời chào

Thay vì trả về

javascript
let myObject = null;

5 khi thiếu đối số, bạn có thể trả về một đối tượng mặc định

javascript
let myObject = null;

0

hoặc ném một lỗi

javascript
let myObject = null;

0

Những thực hành này giúp bạn tránh phải đối mặt với

javascript
let myObject = null;

5

5. null vs không xác định

javascript
let myObject = null;

8 là giá trị của biến chưa được khởi tạo hoặc thuộc tính đối tượng

Ví dụ: nếu bạn khai báo một biến mà không gán giá trị ban đầu, thì việc truy cập biến đó sẽ có giá trị là

javascript
let myObject = null;

8

javascript
let myObject = null;

1

Sự khác biệt chính giữa

javascript
let myObject = null;

5 và

javascript
let myObject = null;

8 là

javascript
let myObject = null;

5 đại diện cho một đối tượng bị thiếu, trong khi

javascript
let myObject = null;

8 đại diện cho trạng thái chưa được khởi tạo

Toán tử đẳng thức nghiêm ngặt

javascript
let myObject = null;

23 phân biệt

javascript
let myObject = null;

5 với

javascript
let myObject = null;

8

javascript
let myObject = null;

2

Trong khi

javascript
let myObject = null;

26 coi

javascript
let myObject = null;

  

5 và

javascript
let myObject = null;

8 bằng nhau

javascript
let myObject = null;

3

Tôi sử dụng toán tử đẳng thức lỏng lẻo để kiểm tra xem một biến là

javascript
let myObject = null;

5 hay

javascript
let myObject = null;

8

javascript
let myObject = null;

4

6. Tóm lược

javascript
let myObject = null;

5 là một giá trị đặc biệt trong JavaScript đại diện cho một đối tượng bị thiếu

Toán tử đẳng thức nghiêm ngặt xác định xem một biến có phải là null hay không.

javascript
let myObject = null;

02

Toán tử

javascript
let myObject = null;

03 rất hữu ích để xác định loại biến [số, chuỗi, boolean]. Tuy nhiên,

javascript
let myObject = null;

05 gây hiểu lầm trong trường hợp của

javascript
let myObject = null;

5.

javascript
let myObject = null;

06 đánh giá thành

javascript
let myObject = null;

00

javascript
let myObject = null;

5 và

javascript
let myObject = null;

8 bằng cách nào đó tương đương, tuy nhiên,

javascript
let myObject = null;

5 đại diện cho một đối tượng bị thiếu, trong khi trạng thái chưa được khởi tạo của

javascript
let myObject = null;

8

Tránh nếu có thể trả về

javascript
let myObject = null;

5 hoặc đặt biến thành

javascript
let myObject = null;

5. Thực tiễn này dẫn đến việc lan truyền các giá trị null và xác minh cho

javascript
let myObject = null;

5. Thay vào đó, hãy thử sử dụng các đối tượng có thuộc tính mặc định hoặc thậm chí ném lỗi

Đã thành thạo

javascript
let myObject = null;

5, tại sao không thành thạo

javascript
let myObject = null;

8?

Bạn sử dụng điều kiện nào để kiểm tra

javascript
let myObject = null;

5?

Thích bài viết?

đề xuất cải tiến

Bài đăng chất lượng vào hộp thư đến của bạn

Tôi thường xuyên xuất bản bài viết có chứa

• Các khái niệm JavaScript quan trọng được giải thích bằng các từ đơn giản
• Tổng quan về các tính năng JavaScript mới
• Cách sử dụng TypeScript và cách gõ
• Thiết kế phần mềm và thực hành mã hóa tốt

Đăng ký nhận bản tin của tôi để nhận chúng ngay trong hộp thư đến của bạn

Đặt mua

Tham gia cùng 6845 người đăng ký khác

Giới thiệu về Dmitri Pavlutin

Nhà văn và huấn luyện viên công nghệ. Thói quen hàng ngày của tôi bao gồm [nhưng không giới hạn] uống cà phê, viết mã, viết, huấn luyện, vượt qua sự nhàm chán 😉

LÀ đối tượng null trong JavaScript?

Làm cách nào để xử lý đối tượng null trong JavaScript?

đối tượng == null nghĩa là gì?