Hàm khởi tạo JavaScript

Sử dụng các hàm khởi tạo (constructor functions) để tạo ra nhiều đối tượng có cùng cấu trúc.

Một hàm khởi tạo đóng vai trò như một bản thiết kế. Bạn sử dụng từ khóa new để xây dựng các đối tượng từ bản thiết kế này. Bạn nên bắt đầu tên hàm khởi tạo bằng một chữ cái viết hoa.

Cách thức hoạt động:

Khi bạn sử dụng từ khóa new, JavaScript thực hiện bốn việc:

Từ khóa this là rất quan trọng. Bên trong hàm, this tham chiếu đến đối tượng mới của bạn.

Ví dụ:

function Employee(name, salary) { this.name = name; this.salary = salary; }

const emp1 = new Employee("Ram", 50000); const emp2 = new Employee("Kumar", 60000);

Cả hai đối tượng đều có chung một cấu trúc.

Thêm phương thức:

Bạn có thể thêm các hàm vào bên trong một hàm khởi tạo.

function Employee(name, salary) { this.name = name; this.salary = salary; this.displayInfo = function() { console.log(this.name + " earns " + this.salary); }; }

Quản lý bộ nhớ:

Việc thêm các phương thức trực tiếp vào bên trong hàm khởi tạo sẽ tạo ra một bản sao mới cho mỗi đối tượng. Điều này làm tiêu tốn nhiều bộ nhớ hơn.

Thay vào đó, hãy sử dụng thuộc tính prototype.

Employee.prototype.greet = function() { console.log("Hello " + this.name); };

Giờ đây, mọi nhân viên đều dùng chung một bản sao duy nhất của phương thức greet. Điều này giúp mã của bạn hoạt động hiệu quả hơn.

Tóm tắt:

Nguồn: https://dev.to/dev_saravanan_journey/javascript-constructor-functions-k6k