Cảnh báo một đối tượng trong javascript

alert[]
alert[message]

message Tùy chọn

Một chuỗi bạn muốn hiển thị trong hộp thoại cảnh báo hoặc một đối tượng được chuyển đổi thành một chuỗi và hiển thị

Không có [undefined]

window.alert["Hello world!"];
alert["Hello world!"];

Cả hai sản xuất

Hộp thoại cảnh báo nên được sử dụng cho các tin nhắn không yêu cầu bất kỳ phản hồi nào từ phía người dùng, ngoài việc xác nhận tin nhắn

Các hộp thoại là các cửa sổ phương thức - chúng ngăn người dùng truy cập vào phần còn lại của giao diện chương trình cho đến khi hộp thoại được đóng lại. Vì lý do này, bạn không nên lạm dụng bất kỳ chức năng nào tạo hộp thoại [hoặc cửa sổ phương thức]

Khi làm việc với các đối tượng trong JavaScript, bạn có thể bắt gặp kết quả đầu ra

window.alert["Hello world!"];
alert["Hello world!"];

window.alert["Hello world!"];
alert["Hello world!"];

Có hai bối cảnh chính mà bạn sẽ gặp phải kết quả như vậy

• Khi bạn thử hiển thị một đối tượng bằng phương pháp

  window.alert["Hello world!"];
  alert["Hello world!"];
  

  2 [phổ biến nhất]
• Khi bạn sử dụng phương pháp

  window.alert["Hello world!"];
  alert["Hello world!"];
  

  3 trên một đối tượng

Hãy xem xét một số ví dụ

Điều gì xảy ra nếu bạn cảnh báo một đối tượng trong JavaScript?

Trong phần này, bạn sẽ thấy điều gì xảy ra khi bạn sử dụng phương thức

window.alert["Hello world!"];
alert["Hello world!"];

const student = {
  name: "John",
  school: "freeCodeCamp",
};

alert[student]

Trong đoạn mã trên, chúng tôi đã tạo một đối tượng có tên là

window.alert["Hello world!"];
alert["Hello world!"];

window.alert["Hello world!"];
alert["Hello world!"];

Từ hình trên, thay vì hiển thị đối tượng và các thuộc tính của nó,

window.alert["Hello world!"];
alert["Hello world!"];

Điều này xảy ra vì khi bạn sử dụng phương thức

window.alert["Hello world!"];
alert["Hello world!"];

Để khắc phục điều này, bạn có thể sử dụng phương pháp

const student = {
  name: "John",
  school: "freeCodeCamp",
};

alert[JSON.stringify[student]];

window.alert["Hello world!"];
alert["Hello world!"];

const student = {
  name: "John",
  school: "freeCodeCamp",
};

alert[JSON.stringify[student]];

Khi bạn chạy đoạn mã trên, bạn sẽ thấy đối tượng và các thuộc tính của nó được hiển thị – tương tự như hình bên dưới

Điều gì xảy ra khi bạn sử dụng phương pháp

window.alert["Hello world!"];
alert["Hello world!"];

3 trên một đối tượng trong JavaScript?

Phương thức

window.alert["Hello world!"];
alert["Hello world!"];

Khi bạn sử dụng phương thức

window.alert["Hello world!"];
alert["Hello world!"];

window.alert["Hello world!"];
alert["Hello world!"];

const student = {
  name: "John",
  school: "freeCodeCamp",
};

console.log[student.toString[]];
// [object Object]

Như bạn có thể thấy trong đoạn mã trên, chúng tôi đã sử dụng phương thức

window.alert["Hello world!"];
alert["Hello world!"];

window.alert["Hello world!"];
alert["Hello world!"];

const student = {
  name: "John",
  school: "freeCodeCamp",
};

console.log[student.toString[]];
// [object Object]

Khi chúng tôi ghi nội dung này vào bảng điều khiển, chúng tôi nhận được

window.alert["Hello world!"];
alert["Hello world!"];

Hiệu ứng này chính xác là những gì sẽ xảy ra khi bạn bật một đối tượng trong trình duyệt bằng cách sử dụng phương pháp

window.alert["Hello world!"];
alert["Hello world!"];

Bản tóm tắt

Trong bài viết này, chúng ta đã nói về kết quả đầu ra

window.alert["Hello world!"];
alert["Hello world!"];

Chúng ta phải hiểu rằng đầu ra là biểu diễn chuỗi của một kiểu dữ liệu đối tượng trong JavaScript

Rất có thể bạn sẽ thấy kết quả như vậy khi cố gắng hiển thị một đối tượng trong trình duyệt bằng phương thức

window.alert["Hello world!"];
alert["Hello world!"];

window.alert["Hello world!"];
alert["Hello world!"];

Chúng tôi cũng đã xem qua một số ví dụ về mã và hình ảnh để minh họa cách bạn có thể thấy

window.alert["Hello world!"];
alert["Hello world!"];

Mã hóa vui vẻ