Hướng dẫn what is constructor in javascript with example? - với ví dụ như hàm tạo trong javascript là gì?

Thí dụ

người chức năng (đầu tiên, cuối cùng, tuổi, mắt) {& nbsp; & nbsp; this.firstname = first; & nbsp; & nbsp; this.lastName = cuối cùng; & nbsp; & nbsp; this.age = tuổi; & nbsp; & nbsp; this.eyecolor = Eye; }
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eye;
}

Hãy tự mình thử »

Ghi chú

Nó được coi là thực hành tốt để đặt tên cho các hàm của hàm tạo với chữ cái đầu tiên trong trường hợp trên.

Về điều này

Trong hàm tạo hàm this không có giá trị. Nó là một thay thế cho đối tượng mới. Giá trị của this sẽ trở thành đối tượng mới khi một đối tượng mới được tạo.

Xem thêm:

JavaScript hướng dẫn nàythis Tutorial

Các loại đối tượng (bản thiết kế) (lớp)

Các ví dụ từ các chương trước bị hạn chế. Họ chỉ tạo các đối tượng đơn.

Đôi khi chúng ta cần một "kế hoạch chi tiết" để tạo ra nhiều đối tượng cùng loại "loại".blueprint" for creating many objects of the same "type".

Cách để tạo một "loại đối tượng", là sử dụng chức năng tạo hàm tạo đối tượng.object constructor function.

Trong ví dụ trên, function Person() là hàm xây dựng đối tượng.

Các đối tượng cùng loại được tạo bằng cách gọi hàm Constructor với từ khóa new:

const myfather = người mới ("John", "doe", 50, "màu xanh"); const mymother = new person ("sally", "rally", 48, "màu xanh lá cây");
const myMother = new Person("Sally", "Rally", 48, "green");

Hãy tự mình thử »

Ghi chúthis?

Nó được coi là thực hành tốt để đặt tên cho các hàm của hàm tạo với chữ cái đầu tiên trong trường hợp trên.object.

Về điều này object depends on how this is being invoked (used or called).

Trong hàm tạo hàm this không có giá trị. Nó là một thay thế cho đối tượng mới. Giá trị của this sẽ trở thành đối tượng mới khi một đối tượng mới được tạo.

Trong ví dụ trên, function Person() là hàm xây dựng đối tượng.

Các đối tượng cùng loại được tạo bằng cách gọi hàm Constructor với từ khóa new:

const myfather = người mới ("John", "doe", 50, "màu xanh"); const mymother = new person ("sally", "rally", 48, "màu xanh lá cây");

Cái này là cái gì?

Trong JavaScript, từ khóa this đề cập đến một đối tượng.

Thí dụ

Đối tượng nào phụ thuộc vào cách this được gọi (được sử dụng hoặc gọi).
  return this.firstName + " " + this.lastName;
};

Từ khóa this đề cập đến các đối tượng khác nhau tùy thuộc vào cách sử dụng:

Trong một phương thức đối tượng, this đề cập đến đối tượng.

Một mình, this đề cập đến đối tượng toàn cầu.

Trong một chức năng, this đề cập đến đối tượng toàn cầu.

Trong một hàm, ở chế độ nghiêm ngặt, this là this1.

Thí dụ

Trong một sự kiện, this đề cập đến yếu tố đã nhận được sự kiện.
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
  this.nationality = "English";
}

Từ khóa this đề cập đến các đối tượng khác nhau tùy thuộc vào cách sử dụng:

Trong một phương thức đối tượng, this đề cập đến đối tượng.

Một mình, this đề cập đến đối tượng toàn cầu.

Trong một chức năng, this đề cập đến đối tượng toàn cầu.

Thí dụ

Trong một hàm, ở chế độ nghiêm ngặt, this là this1.
  this.firstName = first;
  this.lastName = last;
  this.age = age;
  this.eyeColor = eyecolor;
  this.name = function() {
    return this.firstName + " " + this.lastName;
  };
}

Từ khóa this đề cập đến các đối tượng khác nhau tùy thuộc vào cách sử dụng:

Trong một phương thức đối tượng, this đề cập đến đối tượng.

Một mình, this đề cập đến đối tượng toàn cầu.

Thí dụ

Trong một chức năng, this đề cập đến đối tượng toàn cầu.
  this.firstName = firstName; 
  this.lastName = lastName;
  this.age = age;
  this.eyeColor = eyeColor;
  this.changeName = function (name) {
    this.lastName = name;
  };
}

Trong một hàm, ở chế độ nghiêm ngặt, this là this1.

Trong một sự kiện, this đề cập đến yếu tố đã nhận được sự kiện.this with myMother.

Các phương thức như this3, this4 và this5 có thể giới thiệu this cho bất kỳ đối tượng nào.

Thêm một thuộc tính vào một đối tượng

Thêm một thuộc tính mới vào một đối tượng hiện có rất dễ dàng:
new Number()    // A new Number object
new Boolean()   // A new Boolean object
new Object()    // A new Object object
new Array()     // A new Array object
new RegExp()    // A new RegExp object
new Function()  // A new Function object
new Date()      // A new Date object

Từ khóa this đề cập đến các đối tượng khác nhau tùy thuộc vào cách sử dụng:

Trong một phương thức đối tượng, this đề cập đến đối tượng.

Một mình, this đề cập đến đối tượng toàn cầu.

Trong một chức năng, this đề cập đến đối tượng toàn cầu.

Sử dụng chuỗi chữ function Person()4 thay vì function Person()5.

Sử dụng số chữ function Person()6 thay vì function Person()7.

Sử dụng Boolean Bregesals function Person()8 thay vì function Person()9.

Sử dụng đối tượng theo nghĩa đen new0 thay vì new1.

Sử dụng các chữ cái new2 thay vì new3.

Sử dụng mẫu chữ new4 thay vì new5.

Sử dụng các biểu thức chức năng new6 thay vì new7.

Thí dụ

Đặt x1 = ""; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // Chuỗi nguyên thủy mới Đặt x2 = 0; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // Số nguyên thủy mới Đặt x3 = false; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // Boolean nguyên thủy mới
let x2 = 0;              // new primitive number
let x3 = false;          // new primitive boolean

const x4 = {}; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // Đối tượng mới Const const x5 = []; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // đối tượng mảng mới const x6 =/()/& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; // đối tượng regexp mới const x7 = function () {}; & nbsp; // chức năng mới
const x5 = [];           // new Array object
const x6 = /()/          // new RegExp object
const x7 = function(){}; // new function

Hãy tự mình thử »

Đối tượng chuỗi

Thông thường, các chuỗi được tạo thành nguyên thủy: new8

Nhưng chuỗi cũng có thể được tạo làm đối tượng bằng cách sử dụng từ khóa new: this0
this0

Tìm hiểu lý do tại sao các chuỗi không nên được tạo thành đối tượng trong chuỗi JS.

Đối tượng số

Thông thường, các số được tạo dưới dạng nguyên thủy: this1

Nhưng các số cũng có thể được tạo làm đối tượng bằng cách sử dụng từ khóa new: this3
this3

Tìm hiểu lý do tại sao các số không nên được tạo thành đối tượng trong các số chương JS.

Đối tượng Boolean

Thông thường, Booleans được tạo thành nguyên thủy: this4

Nhưng Booleans cũng có thể được tạo làm đối tượng bằng cách sử dụng từ khóa new: this6
this6

Tìm hiểu lý do tại sao Booleans không nên được tạo thành đối tượng trong chương JS Booleans.

Trình xây dựng trong JavaScript là gì?

Tại sao chúng ta sử dụng các hàm tạo trong JavaScript?

Trình xây dựng trong JavaScript ES6 là gì?

Trình xây dựng trong JavaScript W3Schools là gì?