Đối tượng mới trong JavaScript
Hãy đi sâu vào các phương pháp khác nhau để tạo các đối tượng trong Javascript i. e Object Literal, các lớp ES6, phương thức khởi tạo, v.v. Show Trong Javascript, "Mọi thứ đều là đối tượng". Hmmm🤔…Nhưng điều đó không thực sự chính xác 🤯 Lạ nhỉ?😑 Không phải mọi thứ đều là đối tượng trong Javascript. Vì Javascript có các giá trị và đối tượng nguyên thủy. Giá trị nguyên thủy không phải là đối tượng
Sáu kiểu dữ liệu nguyên thủy trong Javascript là 👇 Chuỗi, Số, Bigint, Boolean, không xác định và Biểu tượng Ngoại trừ 6 giá trị nguyên thủy này, mọi thứ trong Javascript đều là Đối tượng (mảng, hàm, đối tượng, v.v. ). Các giá trị nguyên thủy là bất biến vì chúng không thể bị thay đổi hoặc sửa đổi trong khi các Đối tượng có thể thay đổi được. e mọi sửa đổi sẽ được phản ánh trong đối tượng ban đầu let name = "javascript🧐";name.toUpperCase(); // change name to uppercaseconsole.log(name); // prints "javascript🧐" because primitives are immutable and can't be altered Bây giờ Hãy bắt đầu với các phương pháp khác nhau để tạo Đối tượng trong JavaScript 😎 Một đối tượng được biểu diễn dưới dạng tập hợp các cặp khóa-giá trị trong Javascript. Có 5 phương thức tạo đối tượng
1️⃣ Đối tượng theo nghĩa đenĐây là một trong những cách đơn giản và dễ dàng nhất 😀 để tạo một đối tượng let book = { } // Create an empty Objector let book = { // Object with properties (key: value pairs) Chúng ta có thể tự động thêm các thuộc tính và phương thức vào một đối tượng hiện có bằng cách sử dụng ký hiệu dấu chấm hoặc ký hiệu dấu ngoặc vuông book.price = 1000; // Dot notationORbook["price"] = 1000; // Bracket notation Một cách nữa để thêm thuộc tính vào đối tượng là sử dụng phương thức tĩnh Object. định nghĩaProperty() SYNTAX 🙅🏼Object.defineProperty(object, propertyName, descriptor)EXAMPLE 🙇🏼♀️let book = { Sử dụng đối tượng. định nghĩaProperty() và đối tượng. defineProperties(), chúng ta có thể đặt các bộ mô tả dữ liệu (có thể đếm được, có thể định cấu hình và có thể ghi) theo yêu cầu của chúng ta 2️⃣ Nhà điều hành 'mới'
Để tạo các đối tượng với từ khóa new trong Javascript, chúng ta cần một hàm khởi tạo (do người dùng định nghĩa hoặc tích hợp sẵn). Hãy đi qua cả hai
let book = new Object(); // Creating empty object with Object constructorbook.name = "javascript🧐"; // Adding properties to objectbook.published = true; Trên thực tế, cả phương pháp let book = { } // Create an empty Objector let book = { // Object with properties (key: value pairs)1 và let book = { } // Create an empty Objector let book = { // Object with properties (key: value pairs)2 đều làm điều tương tự 👏i. e đang khởi tạo đối tượng mới. Nhưng phương thức theo nghĩa đen của đối tượng đơn giản và ngắn hơn nhiều 2. Toán tử 'new' với hàm Constructor Hai phương pháp tạo đối tượng trên sẽ tạo một đối tượng tại một thời điểm. Nhưng nếu chúng ta muốn tạo nhiều đối tượng có cùng kiểu dữ liệu thì sao? Với các cách tiếp cận trên, chúng ta sẽ gặp khó khăn trong việc duy trì các đối tượng khác nhau. Vì vậy, để giải quyết vấn đề này, chúng ta sẽ tạo một hàm xây dựng và sau đó với sự trợ giúp của từ khóa let book = { } // Create an empty Objector let book = { // Object with properties (key: value pairs)3 theo sau là tên hàm Constructor, chúng ta có thể tạo nhiều đối tượng 🤓 function Book(name, published) { // Function Chỉ cần tạo một hàm bình thường với các thuộc tính và phương thức khác nhau bên trong nó. Khi chúng ta gọi hàm đó với từ khóa let book = { } // Create an empty Objector let book = { // Object with properties (key: value pairs)3 thì nó sẽ đóng vai trò là một let book = { } // Create an empty Objector let book = { // Object with properties (key: value pairs)5 và sẽ trả về đối tượng vừa tạo Chuyện gì đang xảy ra ở trên vậy?🤨
3️⃣ Đối tượng. phương thức tạo ()Phương thức book.price = 1000; // Dot notationORbook["price"] = 1000; // Bracket notation6 tạo một đối tượng mới và sử dụng một đối tượng hiện có làm nguyên mẫu của đối tượng mới được tạo. Hơi khó hiểu? . Hãy đi qua ví dụ book.price = 1000; // Dot notationORbook["price"] = 1000; // Bracket notation3 Vật. tạo () chấp nhận hai tham số
book.price = 1000; // Dot notationORbook["price"] = 1000; // Bracket notation4 Khi chúng tôi yêu cầu một số thuộc tính không tồn tại trên book.price = 1000; // Dot notationORbook["price"] = 1000; // Bracket notation7, nó sẽ xem xét thuộc tính nguyên mẫu của nó và truy cập thuộc tính hoặc phương thức nếu có ở đó book.price = 1000; // Dot notationORbook["price"] = 1000; // Bracket notation6
4️⃣ Lớp học ES6EcmaScript 6 giới thiệu khái niệm book.price = 1000; // Dot notationORbook["price"] = 1000; // Bracket notation9 để tạo đối tượng trong Javascript. Nhưng các lớp này không giống như các ngôn ngữ hướng đối tượng khác. Nó chỉ là đường cú pháp đối với sự kế thừa dựa trên nguyên mẫu hiện có của JavaScript Đối tượng mới trong JavaScript là gì?Toán tử mới cho phép nhà phát triển tạo một thể hiện của loại đối tượng do người dùng định nghĩa hoặc của một trong các loại đối tượng tích hợp sẵn có chức năng xây dựng.
Làm cách nào để thêm đối tượng mới vào đối tượng JavaScript?Sử dụng phương thức gán ()
. Sử dụng phương thức gán(), chúng ta có thể gán hoặc thêm một giá trị mới cho một đối tượng hiện có hoặc chúng ta có thể tạo đối tượng mới mà không thay đổi các giá trị đối tượng hiện có.
Làm cách nào để tạo đối tượng trong js?Tạo đối tượng JavaScript . Tạo một đối tượng duy nhất, sử dụng một đối tượng bằng chữ Tạo một đối tượng duy nhất, với từ khóa mới Xác định một hàm tạo đối tượng, sau đó tạo các đối tượng thuộc loại đã xây dựng Tạo đối tượng bằng Object. tạo ra() 3 cách để tạo một đối tượng trong JS là gì?Bạn có thể tạo đối tượng theo ba cách khác nhau. . Sử dụng đối tượng theo nghĩa đen Bằng cách tạo trực tiếp đối tượng Bằng cách sử dụng chức năng xây dựng |