Một đối tượng javaScript là một thực thể có trạng thái và hành vi [thuộc tính và phương thức]. Ví dụ. xe hơi, bút, xe đạp, ghế, kính, bàn phím, màn hình, v.v.
JavaScript là một ngôn ngữ dựa trên đối tượng. Mọi thứ đều là đối tượng trong JavaScript
JavaScript dựa trên mẫu không dựa trên lớp. Ở đây, chúng ta không tạo lớp để lấy đối tượng. Nhưng, chúng tôi trực tiếp tạo các đối tượng
Tạo đối tượng trong JavaScript
Có 3 cách tạo đối tượng
- Theo đối tượng theo nghĩa đen
- Bằng cách tạo trực tiếp đối tượng [sử dụng từ khóa mới]
- Bằng cách sử dụng một hàm tạo đối tượng [sử dụng từ khóa mới]
1] Đối tượng JavaScript theo nghĩa đen
Cú pháp tạo đối tượng bằng cách sử dụng đối tượng chữ được đưa ra dưới đây
Như bạn có thể thấy, thuộc tính và giá trị được phân tách bằng. [Đại tràng]
Hãy xem ví dụ đơn giản về tạo đối tượng trong JavaScript
Kiểm tra nó ngay bây giờĐầu ra của ví dụ trên
2] Bằng cách tạo phiên bản của Đối tượng
Cú pháp tạo đối tượng trực tiếp được đưa ra dưới đây
Ở đây, từ khóa new được sử dụng để tạo đối tượng
Hãy xem ví dụ tạo đối tượng trực tiếp
Kiểm tra nó ngay bây giờĐầu ra của ví dụ trên
3] Bằng cách sử dụng hàm tạo Đối tượng
Ở đây, bạn cần tạo hàm với các đối số. Mỗi giá trị đối số có thể được gán trong đối tượng hiện tại bằng cách sử dụng từ khóa này
Từ khóa this đề cập đến đối tượng hiện tại
Ví dụ về việc tạo đối tượng bằng hàm tạo đối tượng được đưa ra dưới đây
Kiểm tra nó ngay bây giờĐầu ra của ví dụ trên
Định nghĩa phương thức trong JavaScript Object
Chúng ta có thể định nghĩa phương thức trong đối tượng JavaScript. Nhưng trước khi định nghĩa phương thức, chúng ta cần thêm thuộc tính vào hàm có cùng tên với phương thức
Cristian Salcescu
Làm theo
28 Tháng Tư, 2021
·
6 phút đọc
·
Chỉ dành cho thành viên
4 cách để tạo đối tượng trong JavaScript
Đối tượng chữ, nguyên mẫu, lớp, chức năng của nhà máy, v.v.
Ảnh của Jazmin Quaynor trên Bapt
Bài viết này sẽ mô tả một số cách để xây dựng các đối tượng trong JavaScript. Những người đang có
- Đối tượng chữ
- Mục tiêu. tạo nên[]
- Các lớp học
- Chức năng nhà máy
JavaScript là ngôn ngữ dựa trên đối tượng và trong JavaScript, hầu hết mọi thứ đều là đối tượng hoặc hoạt động như đối tượng. Vì vậy, để làm việc với JavaScript một cách hiệu quả và hiệu quả, chúng ta cần hiểu cách các đối tượng hoạt động cũng như cách tạo các đối tượng của riêng mình và sử dụng chúng.
Đối tượng JavaScriptMột đối tượng JavaScript là một biến có thể chứa nhiều giá trị khác nhau. Nó hoạt động như một thùng chứa của một tập hợp các giá trị liên quan. Ví dụ: công thức nấu ăn trong sách dạy nấu ăn, người dùng trang web hoặc thanh toán trong ngân hàng đều có thể là đối tượng JavaScript
Trong JavaScript, các đối tượng có thể lưu trữ hai loại giá trị
1. thuộc tính cho các giá trị tĩnh
2. phương pháp cho các giá trị động
Khi chúng ta tạo một đối tượng JavaScript, chúng ta cần xác định tên, thuộc tính và phương thức của nó
Tạo đối tượng trong JavaScriptCó bốn cách khác nhau để tạo đối tượng
1. đối tượng chữ
2. Hàm xây dựng
3. Các lớp ECMAScript 6
4. Mục tiêu. tạo Phương thức
Hãy xem xét từng người trong số họ một cách chi tiết
1. đối tượng chữ
Đối tượng chữ là một danh sách các cặp khóa-giá trị được phân tách bằng dấu phẩy được đặt trong dấu ngoặc nhọn. Vì các đối tượng là các biến, chúng ta có thể khởi tạo chúng giống như một biến. Ví dụ: đoạn mã sau tạo một đối tượng có tên userProfile001 với ba thuộc tính. FirstName, LastName và DateOfBirth
Đối tượng chữ [a]
Chúng ta cũng có thể thêm một phương thức vào một đối tượng theo nghĩa đen. Ví dụ: phương thức getName[] bên dưới nhận hai thuộc tính của đối tượng userProfile001 [firstName và lastName] và trả về tên đầy đủ của người dùng. Từ khóa this đề cập đến đối tượng hiện tại mà phương thức đang gọi các thuộc tính
Đối tượng chữ [b]
2. Hàm xây dựng
Phương pháp thứ hai để tạo đối tượng JavaScript là sử dụng hàm tạo. Chúng tôi xác định một loại đối tượng mà không có bất kỳ giá trị cụ thể nào. Sau đó, chúng tôi tạo các phiên bản đối tượng mới và điền vào từng đối tượng đó các giá trị khác nhau
Dưới đây, chúng ta có thể thấy cùng một đối tượng userProfile001 được xác định bằng cách sử dụng hàm tạo có tên là hàm User[]. Hàm tạo tạo một loại đối tượng được gọi là User[]. Sau đó, chúng ta tạo một đối tượng mới gọi là userProfile001, sử dụng toán tử new. Hàm khởi tạo chứa ba câu lệnh this xác định ba thuộc tính có giá trị trống. Các giá trị của các thuộc tính được thêm vào bởi mỗi phiên bản đối tượng
Hàm xây dựng [a]
Bên cạnh các thuộc tính, chúng ta cũng có thể định nghĩa các phương thức trong một hàm tạo. Chúng ta cần sử dụng cú pháp gần giống như với các phương thức được tạo cho các đối tượng bằng chữ. Điểm khác biệt duy nhất là ở đây, chúng ta cũng cần thêm từ khóa this vào trước tên của phương thức
Hàm xây dựng [b]
3. Các lớp ECMAScript 6
ECMAScript 6 đã giới thiệu từ khóa class để tạo các lớp trong JavaScript. Bây giờ chúng ta có thể sử dụng thuộc tính lớp để tạo một lớp trong JavaScript thay vì hàm tạo hàm và sử dụng toán tử mới để tạo một thể hiện. Với cú pháp lớp ES6 mới, đối tượng userProfile001 có thể được tạo theo cách này
Lớp ECMAScript 6
4. Mục tiêu. tạo Phương thức
Chúng ta cũng có thể tạo các đối tượng mới bằng Object. phương thức tạo [], cho phép chúng ta sử dụng một đối tượng hiện có theo nghĩa đen làm nguyên mẫu của một đối tượng mới mà chúng ta tạo. Giả sử chúng ta muốn tạo một đối tượng userProfile002 có các thuộc tính và phương thức giống như userProfile001, chỉ với các giá trị khác nhau
Chúng tôi sử dụng đối tượng. phương thức create[] để khởi tạo đối tượng userProfile002 mới. Chúng ta cần thêm userProfile001 làm đối số của phương thức create[], vì đó sẽ là nguyên mẫu của đối tượng mới. Sau đó, chúng ta chỉ cần đặt giá trị cho ba thuộc tính [FirstName, lastName, dateOfBirth] bằng cách sử dụng ký hiệu dấu chấm quen thuộc
Mục tiêu. tạo Phương pháp Kết luận
Trong JavaScript, có bốn cách để tạo đối tượng — sử dụng ký tự đối tượng, hàm tạo, lớp ES6 và đối tượng. phương thức tạo, rất hữu ích khi chúng ta cần tạo một đối tượng bằng cách sử dụng một đối tượng hiện có làm nguyên mẫu