Từ khóa mới trong JavaScript là gì?

Chủ đề hôm nay là Từ khóa JavaScript "mới". Trong JavaScript, từ khóa new được sử dụng để tạo một thể hiện của một đối tượng có hàm tạo

Trước khi đi sâu vào chi tiết, chúng ta cần hiểu một điều, đó là trong JavaScript hầu hết mọi thứ đều là Object và khái niệm Object rất quan trọng để hiểu từ khóa "New". Khi chúng tôi xác định bất kỳ Boolean, Số hoặc Chuỗi nào bằng từ khóa Mới, nó có thể được coi như một đối tượng

Hãy để tôi chỉ ra một ví dụ đầu tiên

👉 Đây là một "hàm tạo", Animal vì nó chịu trách nhiệm xây dựng một đối tượng mới, động vật
👉 Chúng tôi phải thêm các thuộc tính cho đối tượng động vật bằng ký hiệu dấu chấm và trả về nó từ hàm tạo
👉 Giả sử rằng chúng ta cần tạo nhiều hơn một đối tượng Động vật trong ứng dụng của mình. Vì vậy, chúng tôi đã khởi tạo hàm tạo hai lần
👉 Chúng ta có thể thấy đầu ra nơi hai đối tượng động vật mới được tạo với thuộc tính tên và chân

Đây là điều thú vị về từ khóa mới. Khi chúng ta sử dụng từ khóa, một thuộc tính có tên this được tạo để chỉ toàn bộ đối tượng và được trả về tự động. Vì vậy, chúng ta không cần chỉ định bất kỳ đối tượng bổ sung nào bên trong hàm tạo của chúng ta. Về cơ bản, hai dòng đó được thực hiện hoàn toàn cho chúng tôi [dưới mui xe]

Chúng ta hãy xem điều gì xảy ra dưới mui xe, giả sử hàm tạo Animal được gọi với từ khóa mới. Nó có thể được viết lại như sau và nó tương đương với ví dụ trước

Tại đây, một đối tượng mới được tự động tạo và trả về. [các dòng nhận xét ra]

Chúng ta có thể viết mã một cách gọn gàng mà không cần chú thích dưới mui xe

Khái niệm này được gọi là "Khởi tạo giả cổ điển"

Tương tự, chúng ta có thể định nghĩa một thuộc tính Đối tượng mà chính nó là một Đối tượng khác

Ví dụ: hãy định nghĩa một đối tượng có tên là "Human" Và sau đó khởi tạo hai đối tượng Human mới như sau

Bây giờ, giả sử chúng ta muốn tạo một loại đối tượng cho ô tô và đặt tên là "Xe hơi". Nó phải có các thuộc tính có tên chủ sở hữu, kiểu máy và yearOfPurchase. Thay vì truyền một chuỗi ký tự hoặc giá trị số nguyên trong khi tạo các đối tượng mới, các câu lệnh sau đây truyền các đối tượng man và woman làm tham số cho chủ sở hữu

Không có nền tảng lập trình hướng đối tượng, từ khóa new trong JavaScript khiến tôi mất một chút thời gian để hiểu. Bài đăng này nhằm mục đích khóa các bài học của riêng tôi và hy vọng sẽ giúp được bất kỳ ai khác có thể đang gặp khó khăn với chủ đề này

Biết chính xác mọi thứ hoạt động như thế nào trong các ngôn ngữ lập trình là rất quan trọng đối với các lập trình viên hơn là giả định cách chúng hoạt động. Điều này cho phép bạn giải quyết các vấn đề theo cách khác và đưa ra các giải pháp hiệu quả. Và tôi muốn nói rằng nó mang lại cho bạn sự tự tin trong mã của mình

Có rất nhiều từ khóa mạnh mẽ trong các ngôn ngữ lập trình và các lập trình viên không kiếm được nhiều tiền từ chúng vì họ hiểu sai về chúng. Ví dụ: từ khóa “this” trong JavaScript là một từ khóa rất mạnh. Thật không may, nhiều lập trình viên không nhận thức được điều đó. Nhân tiện, nếu bạn là một trong số họ, tôi thực sự khuyên bạn nên đọc bài viết của tôi về chủ đề bên dưới

Chính xác thì từ khóa “this” hoạt động như thế nào trong Javascript

Bạn phải hiểu rõ về Hàm và Đối tượng trong Javascript và hiểu biết thông thường về động…

zmjdev. trung bình. com

Về sau, tôi cho rằng bạn đã hiểu rõ về các đối tượng trong JavaScript. Nếu bạn hiểu sai một số tính năng trong JavaScript, bạn sẽ luôn gặp lỗi trong mã của mình. Từ khóa “mới” không phải là một trong số đó. Hầu như mọi lập trình viên đều sử dụng từ khóa “mới” để tạo các thể hiện của các lớp và họ hầu như không gặp vấn đề gì. Mục đích của bài viết này là cho thấy từ khóa “mới” giúp cuộc sống của chúng ta dễ dàng hơn nhiều như thế nào

Bạn có thể tạo các đối tượng theo nhiều cách khác nhau. Một trong số đó là bằng cách sử dụng các chức năng. Hãy xem nó được thực hiện như thế nào. Chúng tôi khai báo một hàm trả về một đối tượng. Bạn sẽ hiểu điều đó có nghĩa là gì bằng cách xem đoạn mã sau

Vì hàm “createEmployee” ở trên trả về một đối tượng, chúng ta gọi đó là hàm xuất xưởng. Ở dòng 8, chúng ta tạo một liên kết giữa đối tượng “employeeFunction” và một đối tượng trống được trả về bởi “Object. tạo nên[]". Và sau đó ở dòng 9 và 10, chúng ta gán các đối số cho các thuộc tính của đối tượng mới được tạo là “newEmployee”. Và sau đó chúng tôi trả lại nó

Như một bản tóm tắt, chúng tôi

1. Đã tạo một đối tượng trống
2. Đã thiết lập một liên kết đến “employeeFunctions”
3. Gán các Đối số đã cho cho các thuộc tính của đối tượng
4. Đã trả lại đối tượng

Bây giờ hãy xem hoạt động của từ khóa “mới”

Từ khóa mới thực hiện 4 điều

1. Tạo một đối tượng rỗng
2. Thiết lập một liên kết đến “CreateEmployee. nguyên mẫu” đối tượng
3. Gán đối tượng đã tạo cho đối tượng này
4. Trả về “this”[Nếu không có đối tượng nào được trả về từ hàm]

Đoạn mã trên gần bằng đoạn mã trước đó. Tôi đã nói gần như bởi vì trong đoạn mã đầu tiên, chúng tôi đã tạo một liên kết đến đối tượng “employeeFunctions”, nhưng trong đoạn mã thứ hai, chúng tôi đã tạo một liên kết đến đối tượng “CreateEmployee. nguyên mẫu” đối tượng. Đó là sự khác biệt duy nhất

Tôi đoán bạn còn nhớ chúng ta đã làm bốn việc để tạo và trả về một đối tượng. Từ khóa “mới” thực hiện tất cả bốn điều cho chúng tôi. Chúng ta chỉ cần gọi hàm với từ khóa “new”. Chúng tôi gọi các chức năng được gọi bởi từ khóa mới "hàm tạo" chức năng. Đoạn mã sau đây cho thấy cách dòng 10 giải quyết

Đây là cách chúng tôi tạo các thể hiện của các lớp trong JavaScript. Từ khóa lớp có thể được coi là đường cú pháp cho các hàm tạo [điều này chỉ chính xác một phần]

Nếu bạn đang thắc mắc đối tượng nguyên mẫu là gì, tôi thực sự khuyến khích bạn đọc bài viết sau được liên kết bên dưới

Có gì mới trong JavaScript?

Việc sử dụng chức năng mới là gì?

Từ khóa mới trong Java với ví dụ là gì?

Từ khóa của JavaScript là gì?