Hướng dẫn what are objects in javascript? - các đối tượng trong javascript là gì?


Đối tượng, thuộc tính và phương pháp thực tế

Trong cuộc sống thực, một chiếc xe là một vật thể.object.

Một chiếc xe có các thuộc tính như trọng lượng và màu sắc, và các phương pháp như Start and Stop:properties like weight and color, and methods like start and stop:

Sự vật Đặc tính Phương pháp
Hướng dẫn what are objects in javascript? - các đối tượng trong javascript là gì?

xe.name = fiat

xe.model = 500

xe. weight = 850kg

Car.Color = White


car.start()

Car.Drive ()

xe.brake ()

car.stop()

Tất cả các xe có cùng tài sản, nhưng giá trị tài sản khác nhau từ ô tô này sang xe khác.properties, but the property values differ from car to car.

Tất cả các xe đều có cùng một phương pháp, nhưng các phương pháp được thực hiện vào các thời điểm khác nhau.methods, but the methods are performed at different times.


Đối tượng JavaScript

Bạn đã học được rằng các biến JavaScript là container cho các giá trị dữ liệu.

Mã này gán một giá trị đơn giản (fiat) cho một biến có tên là xe:simple value (Fiat) to a variable named car:

Đối tượng cũng là các biến. Nhưng các đối tượng có thể chứa nhiều giá trị.

Mã này gán nhiều giá trị (Fiat, 500, White) cho một biến có tên là xe:many values (Fiat, 500, white) to a variable named car:

Các giá trị được viết dưới dạng tên: các cặp giá trị (tên và giá trị được phân tách bằng dấu hai chấm).name:value pairs (name and value separated by a colon).

Đó là một thực tế phổ biến để khai báo các đối tượng với từ khóa Const.const keyword.

Tìm hiểu thêm về việc sử dụng const với các đối tượng trong chương: JS Const.const with objects in the chapter: JS Const.



Định nghĩa đối tượng

Bạn xác định (và tạo) một đối tượng JavaScript với một đối tượng theo nghĩa đen:

Thí dụ

const person = {firstName: "john", lastName: "doe", tuổi: 50, eyecolor: "blue"};

Hãy tự mình thử »

Không gian và ngắt đường không quan trọng. Một định nghĩa đối tượng có thể kéo dài nhiều dòng:

Thí dụ

const person = {firstName: "john", lastName: "doe", tuổi: 50, eyecolor: "blue"};
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

Hãy tự mình thử »


Không gian và ngắt đường không quan trọng. Một định nghĩa đối tượng có thể kéo dài nhiều dòng:

const person = {& nbsp; tên đầu tiên: "John", & nbsp; tên cuối cùng: "doe", & nbsp; & nbsp; tuổi: 50, & nbsp; & nbsp; eyecolor: "blue"};name:values pairs in JavaScript objects are called properties:

Thuộc tính đối tượngTên: Các cặp giá trị trong các đối tượng JavaScript được gọi là thuộc tính:
Tài sảnGiá trị tài sản
họJohn
họ50
Doetuổi tác

màu mắt

màu xanh da trời

Truy cập các thuộc tính đối tượng

objectName["propertyName"]

Bạn có thể truy cập các thuộc tính đối tượng theo hai cách:named values called properties.


hoặc

Đối tượng JavaScript là các thùng chứa cho các giá trị được đặt tên được gọi là thuộc tính.methods.

Phương thức đối tượngactions that can be performed on objects.

Đối tượng cũng có thể có các phương pháp.function definitions.

Thuộc tính đối tượngTên: Các cặp giá trị trong các đối tượng JavaScript được gọi là thuộc tính:
Tài sảnGiá trị tài sản
họJohn
họ50
Doetuổi tác
màu mắtmàu xanh da trời

Truy cập các thuộc tính đối tượng


Thí dụ

const person = {firstName: "john", lastName: "doe", tuổi: 50, eyecolor: "blue"};
  firstName: "John",
  lastName : "Doe",
  id       : 5566,
  fullName : function() {
    return this.firstName + " " + this.lastName;
  }
};

Hãy tự mình thử »person object.

Không gian và ngắt đường không quan trọng. Một định nghĩa đối tượng có thể kéo dài nhiều dòng:this.firstName means the firstName property of this.

const person = {& nbsp; tên đầu tiên: "John", & nbsp; tên cuối cùng: "doe", & nbsp; & nbsp; tuổi: 50, & nbsp; & nbsp; eyecolor: "blue"};this.firstName means the firstName property of person.


Thuộc tính đối tượngthis?

Tên: Các cặp giá trị trong các đối tượng JavaScript được gọi là thuộc tính:object.

Tài sản object depends on how this is being invoked (used or called).

Giá trị tài sản

họobject.
Johnglobal object.
họglobal object.
Doe
tuổi tácelement that received the event.
màu mắtany object.

màu xanh da trờithis Keyword

Truy cập các thuộc tính đối tượng

Bạn có thể truy cập các thuộc tính đối tượng theo hai cách:person object that "owns" the this7 function.

hoặcthis object.

Đối tượng JavaScript là các thùng chứa cho các giá trị được đặt tên được gọi là thuộc tính.


Phương thức đối tượng

Đối tượng cũng có thể có các phương pháp.

Phương pháp là những hành động có thể được thực hiện trên các đối tượng.without the () parentheses, it will return the function definition:


Phương pháp được lưu trữ trong các thuộc tính như định nghĩa chức năng.

Họ và tên

function () {return this.firstName + "" + this.lastName;}
y = new Number();        // Declares y as a Number object
z = new Boolean();       // Declares z as a Boolean object

Một phương pháp là một hàm được lưu trữ dưới dạng thuộc tính.

const person = {& nbsp; tên đầu tiên: "John", & nbsp; Tên cuối cùng: "doe", & nbsp; id & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; : & nbsp; 5566, & nbsp; fullName: function () {& nbsp; & nbsp; & nbsp; trả về this.FirstName + "" + this.lastName; & nbsp; & nbsp;}};


Trong ví dụ trên, this đề cập đến đối tượng người.

Exercise:

I E. this.firstName có nghĩa là thuộc tính đầu tiên của điều này.

const person = {
  firstName: "John",
  lastName: "Doe"
};

alert();

I E. this.firstName có nghĩa là thuộc tính đầu tiên của người.



Các đối tượng được sử dụng cho trong JavaScript là gì?

Các đối tượng trong lập trình có thể là sự kết hợp của các biến, hàm và cấu trúc dữ liệu. Điều này có nghĩa là các đối tượng có thể lưu trữ các giá trị, bạn có thể sử dụng các đối tượng để thao tác các giá trị và kết hợp chúng thành các đối tượng phức tạp hơn, như mảng và vẫn nhận được tất cả các lợi ích.to manipulate values and combine them into more complex objects, like arrays and still get all the benefits.

Đối tượng đối tượng trong JavaScript là gì?

[Đối tượng, Đối tượng] là biểu diễn chuỗi của kiểu dữ liệu đối tượng JavaScript.Bạn sẽ hiểu rõ hơn khi chúng tôi đi xa hơn trong bài viết này.Có hai bối cảnh chính mà bạn sẽ gặp phải đầu ra như vậy: khi bạn thử hiển thị một đối tượng bằng phương thức ALERT () (phổ biến nhất).the string representation of a JavaScript object data type. You'll understand better as we go further in this article. There are two main contexts where you'll encounter such an output: When you try display an object using the alert() method (most common).

Các đối tượng JavaScript giải thích bất kỳ năm là gì?

Trong JavaScript, gần như "mọi thứ" là một đối tượng.Booleans có thể là đối tượng (nếu được xác định với các số từ khóa mới) có thể là đối tượng (nếu được xác định với các chuỗi từ khóa mới) có thể là đối tượng (nếu được xác định với từ khóa mới) ngày luôn là đối tượng.

Đối tượng và lớp học trong JavaScript là gì?

Các lớp là một mẫu để tạo đối tượng.Họ gói gọn dữ liệu với mã để làm việc trên dữ liệu đó.Các lớp trong JS được xây dựng trên các nguyên mẫu nhưng cũng có một số cú pháp và ngữ nghĩa không được chia sẻ với ngữ nghĩa giống như lớp ES5.. They encapsulate data with code to work on that data. Classes in JS are built on prototypes but also have some syntax and semantics that are not shared with ES5 class-like semantics.