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
function
2
function
3
function
4function
5 function
6function
7function
8function
9function
8vehicle[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____17function
8
6____19function
8
this
0____21
this
2
this
3
vehicle[name,maker,engine]{
4this
5
vehicle[name,maker,engine]{
6this
7____28this
9
Đầ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. ghi 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____17function
8
6____19function
8
this
0____21
this
2
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 giống như các thuộc tính như minh họa bên dưới.
8
0
2____17function
8
6____19function
8
this
0____21function
8
.maker = maker;
3function
.maker = maker;
5
.maker = maker;
6.maker = maker;
7____88vehicle[name,maker,engine]{
2
function
2
this
2
3
4
5function
7
.maker = maker;
7function
00function
01
function
2
function
03
Đầ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ụ.
function
04
function
06______107function
8
function
10function
.maker = maker;
5
.maker = maker;
6function
14____4function
16this
function
18
function
2
this
2
function
22
function
23function
24
6
function
26function
27____36
function
29
đầ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