Trình tạo JavaScript – hàm tạo trong javascript là gì

Bạn đang xem : hàm tạo trong javascript

JavaScript

Trình tạo đối tượng

Ví dụ

chức năng Người (đầu tiên, họ, tuổi, mắt) {
this.firstName = first;
this.lastName = last;
this.age = age;
this.eyeColor = eye;
}

Thử
tự nó »

Ghi chú

Nên đặt tên cho các hàm tạo bằng chữ cái đầu tiên viết hoa.

Về điều này

Trong một hàm tạo thì này 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:

Hướng dẫn về JavaScript này

Loại đối tượng (Bản thiết kế) (Lớp)

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

Đôi khi, chúng tôi cần “ kế hoạch chi tiết ” để tạo nhiều đối tượng thuộc cùng một “loại”.

Cách tạo “kiểu đối tượng” là sử dụng hàm tạo đối tượng .

Trong ví dụ trên, function Person () là một hàm tạo đối tượng.

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

const myFather = new Person (“John”, “Doe”, 50, “blue”);
const myMother = new Person (“Sally”, “Rally”, 48, “xanh”);

Thử
chính nó »

Đây là gì?

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

Đối tượng nào phụ thuộc vào cách này đang được gọi (được sử dụng hoặc được gọi).

Từ khóa this đề cập đến các đối tượng khác nhau tùy thuộc vào cách nó được 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ục .
Trong một hàm, this đề cập đến đối tượng toàn cục .
Trong một hàm, ở chế độ nghiêm ngặt, này không xác định .
Trong một sự kiện, this đề cập đến phần tử đã nhận sự kiện.
Các phương thức như call () , apply () ,
bind () có thể tham chiếu this tới bất kỳ đối tượng nào .

Lưu ý

this không phải là một biến. Nó là một từ khóa. Bạn không thể thay đổi giá trị của this .

Xem thêm:

không phải là một biến. Nó là một từ khóa. Bạn không thể thay đổi giá trị của

Hướng dẫn về JavaScript này

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

Thêm một thuộc tính mới vào một đối tượng hiện có thật dễ dàng:

Thuộc tính sẽ được thêm vào myFather. Không phải với Mẹ tôi. (Không phải đối với bất kỳ đối tượng nào khác).

Thêm một phương thức vào một đối tượng

Thêm một phương thức mới vào một đối tượng hiện có thật dễ dàng:

Xem Thêm  Chỉ mục cơ sở dữ liệu là gì? - chỉ số sql là gì

Ví dụ

myFather.name = function () {
trả về this.firstName + “” + this.lastName;
};

Hãy tự mình thử »

Phương thức này sẽ được thêm vào myFather. Không phải với Mẹ tôi. (Không phải đối với bất kỳ đối tượng nào khác).

Thêm thuộc tính vào hàm tạo

Bạn không thể thêm một thuộc tính mới vào một phương thức khởi tạo đối tượng giống như cách bạn
thêm một thuộc tính mới vào một đối tượng hiện có:

Để thêm một thuộc tính mới vào một hàm tạo, bạn phải thêm nó vào
hàm khởi tạo:

Ví dụ

chức năng Người (đầu tiên, cuối cùng, tuổi, màu mắt) {

this.firstName = first;

this.lastName = last;

this.age = age;
this.eyeColor = eyecolor;
this.nationality = “Tiếng Anh”;
}

Hãy tự mình thử »

Bằng cách này, các thuộc tính đối tượng có thể có giá trị mặc định.

Thêm phương thức vào hàm tạo

Hàm khởi tạo của bạn cũng có thể xác định các phương thức:

Ví dụ

chức năng Người (đầu tiên, cuối cùng, tuổi, màu mắt) {

this.firstName = first;

this.lastName = last;

this.age = tuổi;

this.eyeColor = eyecolor;
this.name = function () {
trả về this.firstName + “” + this.lastName;
};
}

Hãy tự mình thử »

Bạn không thể thêm một phương thức mới vào một phương thức khởi tạo đối tượng giống như cách bạn thêm
phương pháp mới cho một đối tượng hiện có.

Việc thêm các phương thức vào một phương thức khởi tạo đối tượng phải được thực hiện bên trong
hàm khởi tạo:

Ví dụ

function Person (firstName, lastName, age, eyeColor) {
this.firstName = firstName;

this.lastName = lastName;

this.age = age;
this.eyeColor = eyeColor;
this.changeName = function (tên) {

this.lastName = name;
};
}

Hàm changeName () chỉ định giá trị của tên cho người đó
thuộc tính lastName.

Bây giờ bạn có thể thử:

myMother.changeName (“Doe”);

Hãy tự mình thử »

JavaScript biết bạn là ai
nói về bằng cách “thay thế” điều này bằng myMother .

Trình tạo JavaScript tích hợp

JavaScript có các trình tạo dựng sẵn cho các đối tượng gốc:

new String () // Một đối tượng String mới
new Number () // Một đối tượng Number mới
new Boolean () // Một đối tượng Boolean mới
new Object () // Một đối tượng Object mới
new Array () // Một đối tượng Array mới
new RegExp () // Một đối tượng RegExp mới
new Function () // Một đối tượng function mới
new Date () // Một đối tượng Date mới

Hãy tự mình thử »

Đối tượng Math () không có trong danh sách. Math là một đối tượng toàn cục. Không thể sử dụng từ khóa new trên
Toán học .

Bạn có biết?

Như bạn có thể thấy ở trên, JavaScript có các phiên bản đối tượng của nguyên thủy
kiểu dữ liệu String , Number Boolean . Nhưng không có lý do gì để tạo ra các đối tượng phức tạp. Giá trị nguyên thủy
nhanh hơn nhiều:

Xem Thêm  Cách loại bỏ, thay thế hoặc tạo kiểu cho các dấu đầu dòng bằng CSS thuần túy - làm thế nào để loại bỏ dấu đầu dòng

Sử dụng chuỗi đen "" thay vì new String () .

Sử dụng chữ số 50 thay vì New Number () .

Sử dụng boolean Lites true / false thay vì new Boolean () .

Sử dụng đối tượng Lites {} thay vì new Object () .

Sử dụng các ký tự của mảng [] thay vì new Array () .

Sử dụng các chữ mẫu / () / thay vì new RegExp () .

Sử dụng biểu thức hàm () {} thay vì new Function () .

Ví dụ

cho x1 = “”; // chuỗi nguyên thủy mới
cho x2 = 0; // số nguyên thủy mới
cho x3 = false; // boolean nguyên thủy mới

const x4 = {}; // đối tượng Object mới
const x5 = []; // đối tượng mảng mới
const x6 = / () / // đối tượng RegExp mới
const x7 = function () {}; // chức năng mới

Hãy tự mình thử »

Đối tượng chuỗi

Thông thường, các chuỗi được tạo dưới dạng nguyên thủy: firstName = "John"

Nhưng các chuỗi cũng có thể được tạo dưới dạng các đối tượng bằng cách sử dụng từ khóa new :
firstName = new String ("John")

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

Đối tượng số

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

Nhưng số cũng có thể được tạo dưới dạng đối tượng bằng cách sử dụng từ khóa new :
x = new
Số (30)

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

Đối tượng Boolean

Thông thường, các boolean được tạo dưới dạng nguyên thủy: x =
sai

Nhưng boolean cũng có thể được tạo dưới dạng đối tượng bằng cách sử dụng từ khóa new :
x = new Boolean (false)

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


Xem thêm những thông tin liên quan đến chủ đề hàm tạo trong javascript là gì

Factory Function vs. Constructor vs. Class – JavaScript Tutorial

  • Tác giả: ColorCode
  • Ngày đăng: 2021-05-21
  • Đánh giá: 4 ⭐ ( 8464 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: What is the difference between a Factory Function and a Constructor in JavaScript?

    Factory vs. Constructor from the series “10 Things JS Developers Should Know”
    by ColorCode.io, Sina Jazayeri

    Full playlist here: https://www.youtube.com/playlist?list=PL1PqvM2UQiMoGNTaxFMSK2cih633lpFKP

    This is episode 5 in a 10 part series I’m calling 10 things javascript developers should know but probably don’t. In this series, we’re going to cover some of the most fundamental and important parts of JavaScript that most of us don’t actually know, and barely touch. Today, for episode 5, we’re talking about the differences between Factory Functions and Constructor Functions, when should we use one or the other? Episode 5: Factory vs. Constructor. Let’s go!

    All the code from this series is available here:
    https://github.com/ColorCode/js-10-things

    0:00:00 Intro
    0:01:00 Recap: What is a Factory and what is a Constructor?
    0:02:02 Differences: Factory Function
    0:14:08 Differences: Constructor Function
    0:18:04 Why you should use Factories
    0:20:30 Classes
    0:22:22 Conclusion

[Tự học Java] Hàm tạo (constructor) trong Java

  • Tác giả: cafedev.vn
  • Đánh giá: 5 ⭐ ( 9309 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài viết này, bạn sẽ tìm hiểu về hàm tạo trong Java, cách khởi tạo cũng như cách sử dụng hàm tạo bằng vài ví dụ minh họa.

Hàm trong javascript

  • Tác giả: toidicode.com
  • Đánh giá: 3 ⭐ ( 1738 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ở cách phần trước chúng ta đã được tìm hiểu qua các khái niệm và cách sử dụng các câu lệnh rẽ nhánh, và vòng lặp Bài hôm nay chúng ta sẽ tiếp tục đi tìm hiểu khái niệm hàm và cách sử dụng hàm trong javascript.

Function trong Javascript – cách tạo hàm và gọi hàm trong JS

  • Tác giả: mylop.edu.vn
  • Đánh giá: 4 ⭐ ( 9198 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Trong bài này chúng ta sẽ tìm hiểu function trong Javascript. Function hay còn gọi là hàm, được sử dụng rất nhiều khi làm việc với Javascript.

Bài 7: Tạo và gọi hàm Function trong Javascript

  • Tác giả: cunghocweb.com
  • Đánh giá: 5 ⭐ ( 3214 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Để hiểu được bài này chúng ta đi từ cơ bản nhé.

Hàm trong javascript là gì ? Khái niệm và cách sử dụng

  • Tác giả: nguyenvanhieu.vn
  • Đánh giá: 5 ⭐ ( 5965 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hàm trong javascript là gì ? Tại sao phải sử dụng hàm ? Và sử dụng hàm như thế nào ? Vẫn là ba câu hỏi tuy cũ  nhưng lại mới. Nếu các bạn ….

Hàm và tạo hàm (function) trong javascript

  • Tác giả: truyenmai.com
  • Đánh giá: 3 ⭐ ( 5377 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Truyền Mai – Hàm và tạo hàm (function) trong javascript – %

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Nút XPath - xpath lấy tên nút