Một trong những cách dễ nhất để khởi tạo một đối tượng trong JavaScript. Hàm tạo không là gì ngoài một hàm và với sự trợ giúp của từ khóa mới, hàm tạo cho phép tạo nhiều đối tượng có cùng hương vị như bên dưới
//simple function
function vehicle[name,maker,engine]{
_______3____4____5
this.maker = maker;
____4____11
function2
function3
function4function5 function6function7function8function9function8vehicle[name,maker,engine]{1vehicle[name,maker,engine]{2
vehicle[name,maker,engine]{3
vehicle[name,maker,engine]{4
vehicle[name,maker,engine]{5
vehicle[name,maker,engine]{6vehicle[name,maker,engine]{7____28
Đầu ra.
Giải thích. Một lớp trong OOP có hai thành phần chính, một số tham số nhất định và một vài hàm thành viên. Trong phương thức này chúng ta khai báo một hàm tương tự như một class, có 3 tham số là name, maker và engine [từ khóa this dùng để phân biệt tên,maker,engine của class với tên,maker,engine của các đối số mà . ]. Sau đó, chúng ta đơn giản tạo một đối tượng obj của chiếc xe, khởi tạo nó và gọi nó là phương thức.
Sử dụng đối tượng chữ
Chữ là những cách nhỏ hơn và đơn giản hơn để xác định đối tượng. Chúng tôi đơn giản xác định thuộc tính và giá trị bên trong dấu ngoặc nhọn như hình dưới đây
vehicle[name,maker,engine]{9
0
2____17function8
6____19function8
this0____21
this2
this3
vehicle[name,maker,engine]{4this5
vehicle[name,maker,engine]{6this7____28this9
Đầu ra.
Trong đoạn mã trên, chúng ta đã tạo một đối tượng đơn giản có tên car với sự trợ giúp của đối tượng theo nghĩa đen, có các thuộc tính như tên,nhà sản xuất,động cơ. Sau đó, chúng tôi sử dụng các phương thức truy cập thuộc tính [Ký hiệu dấu chấm, Ký hiệu dấu ngoặc] để điều khiển. đăng nhập các giá trị.
Bây giờ hãy xem cách chúng ta có thể thêm nhiều thuộc tính hơn vào một đối tượng đã được xác định.
0
2____17function8
6____19function8
this0____21
this2
3
4 5 6
7
Chúng tôi đã thêm thuộc tính mới có tên là brakeType vào đối tượng ô tô được xác định ở trên và khi chúng tôi điều khiển. đăng nhập toàn bộ đối tượng chúng tôi nhận được.
Đầu ra.
Các phương thức cũng có thể là một phần của đối tượng trong khi tạo hoặc có thể được thêm vào sau như các thuộc tính như hình bên dưới.
8
0
2____17function8
6____19function8
____40____21function8
.maker = maker;3function.maker = maker;5
.maker = maker;6.maker = maker;7____88vehicle[name,maker,engine]{2
function2
this2
3
4
5function 7
.maker = maker;7function00function01
function2
function03
Đầu ra.
Giải thích. Trong đoạn mã trên, phương thức bắt đầu đã được thêm vào đối tượng xe hơi và sau đó được gọi bởi xe hơi. start[] và phương thức dừng cũng được thêm vào sau khi đối tượng đã được khai báo.
Tạo đối tượng với Object. phương thức tạo []
Đối tượng. phương thức create[] tạo một đối tượng mới, 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.
Ví dụ.
function04
function06______107function8
function10function.maker = maker;5
.maker = maker;6function14____4function16thisfunction18
function2
this2
function22
function23function24 6
function26function27____36
function29
đầu ra
Sử dụng các lớp es6
ES6 hỗ trợ khái niệm lớp giống như bất kỳ ngôn ngữ hướng đối tượng hoặc định kiểu tĩnh nào khác. Vì vậy, đối tượng có thể được tạo từ một lớp trong javascript cũng như được hiển thị bên dưới