fbpx
close

Prototype là gì? Tìm hiểu về Prototype trong JavaScript

Tác giả: TinoHost Ngày cập nhật: 21/10/2021 Chuyên mục: Webmasters
Disclosure
Website Wiki.tino.org được cung cấp bởi Tino Group. Truy cập và sử dụng website đồng nghĩa với việc bạn đồng ý với các điều khoản và điều kiện trong chính sách bảo mật - điều khoản sử dụng nội dung. Wiki.tino.org có thể thay đổi điều khoản sử dụng bất cứ lúc nào. Việc bạn tiếp tục sử dụng Wiki.tino.org sau khi thay đổi có nghĩa là bạn chấp nhận những thay đổi đó.
Why Trust Us
Các bài viết với hàm lượng tri thức cao tại wiki.tino.org được tạo ra bởi các chuyên viên Marketing vững chuyên môn và được kiểm duyệt nghiêm túc theo chính sách biên tập bởi đội ngũ biên tập viên dày dặn kinh nghiệm. Mọi nỗ lực của chúng tôi đều hướng đến mong muốn mang đến cho cộng đồng nguồn thông tin chất lượng, chính xác, khách quan, đồng thời tuân thủ các tiêu chuẩn cao nhất trong báo cáo và xuất bản.

Khi học lập trình với JavaScript, chắc chắn bạn sẽ gặp phải những câu hỏi như: Prototype là gì? Khả năng kế thừa là gì? Khả năng truy cập vào thuộc tính đối tượng là gì? Và rất nhiều câu hỏi khác. Để giải đáp một phần những câu hỏi của bạn, Tino Group sẽ trả lời câu hỏi “Prototype là gì?” cũng như những thuộc tính nổi bật của Prototype – một khái niệm rất quan trọng trong JavaScript.

Tìm hiểu về Prototype

Prototype là một khái niệm rất dễ nhầm lẫn với một số khái niệm khác, cũng như khái niệm Prototype trong JavaScript rất khó để người mới hiểu rõ! Và nội dung tóm gọn trong 1 bài này sẽ khó lòng đảm bảo rằng bạn có thể hiểu 100% về Prototype đâu nhé!

Prototype là gì?

JavaScript là một ngôn ngữ động và bạn có thể đính kèm một thuộc tính A vào bất kỳ một object – đối tượng nào. Ví dụ:

function HocSinh() {
this.name = 'Mmeo';
this.gender = 'Male';
}
var hosObj1 = new HocSinh();
hosObj1.age = 15;
alert(hosObj1.age); // 15
var hosObj2 = new HocSinh();
alert(hosObj2.age); // undefined

Như bạn có thể thấy ở ví dụ bên trên, thuộc tính tuổi được định nghĩa ở hosObj1. Trong khi đó, hosObj2 lại chỉ có 1 thuộc tính duy nhất là HocSinh và thuộc tính age lại là của hosObj1.

Từ ví dụ này, ta có thể rút ra rằng: Quá trình hosObj2 nhận thuộc tính age của hosObj1 – hoạt động kế thừa và hosObj1 có thể chia sẻ thuộc tính của mình cho nhiều hosObj3, 4, 5, 6, 7,… khác, thì hosObj1 sẽ được gọi là: Prototype.

Prototype cũng là một trong những cơ chế quan trọng nhất để người dùng có thể triển khai một mô hình OOP trong JavaScript.

Prototype được sử dụng để làm gì?

Trong JavaScript không có khái niệm class – một khái niệm hầu hết các ngôn ngữ lập trình hiện đại, bậc cao đều có. Và Prototype được sinh ra nhằm để kế thừa các hàm, các trường của một object nào đó.

Bằng một góc độ khác, bạn cũng có thể thấy rằng: Prototype có phần giống với class khi đều được sử dụng để thực hiện việc kế thừa.

prototype-la-gi

Thuộc tính và phương thức hoạt động của Prototype

Hai thuộc tính quan trọng của Prototype

Trước khi đi vào cách thức hoạt động của Prototype, chúng ta sẽ cần phải tìm hiểu về 2 thuộc tính quan trọng nhất làm nên “thương hiệu” của Prototype bao gồm:

  • Tính kế thừa
  • Khả năng truy cập vào thuộc tính đối tượng

Tính kế thừa

Tính kế thừa là một trong những tính chất/ đặc điểm nổi bật nhất của Prototype. Trước khi phiên bản ES5 ra đời, Prototype là điều duy nhất hỗ trợ JavaScript có thể ứng dụng được OOP. Từ phiên bản ES5 trở về sau, class ra đời nhằm hỗ trợ thêm nhiều mục đích khác chứ không phải để thay thế Prototype.

Khả năng truy cập vào thuộc tính đối tượng

Thuộc tính quan trọng và là nhiệm vụ quan trọng của Prototype chính là hỗ trợ các lập trình viên có thể xác định được thuộc tính và phương thức trên 1 đối tượng.

Prototype object sẽ là nơi chứa các thuộc tính, phương thức được kế thừa. Quá trình kiểm tra này sẽ được JavaScript thực hiện một cách tự động và bạn chỉ cần truy cập vào Prototype object là được.

prototype-la-gi

Prototype hoạt động ra sao?

Về lý thuyết, Prototype sẽ có 2 cách để hoạt động bao gồm:

  • Bổ sung thuộc tính Prototype cho object.
  • Tìm Prototype property của JavaScript engines

Để dễ hiểu hơn, bạn sẽ cần nắm kiến thức về JavaScript trước. Nếu không, Tino Group sẽ cố gắng giải thích đơn giản nhất để bạn có thể hiểu được.

Bổ sung thuộc tính Prototype cho object

Đối với cách hoạt động này, lập trình viên sẽ khởi tạo các object theo cách thông dụng. Sau khi tạo hàm xong, bạn có thể theme một số thuộc tính khác vào hàm. Các thuộc tính này sẽ được trỏ đến Prototype object của hàm construction.

Giải thích đơn giản: quá trình của cách này bao gồm 2 giai đoạn chính:

  • Hàm gửi yêu cầu đến Constructor
  • Constructor xử lý trong phạm vi có thể và trả về một kết quả (instance) tương ứng.

Ví dụ: bạn khởi tạo một “người” như sau:

function Nguoi(firstName, lastName) {
this.firstName = firstName,
this.lastName = lastName,
this.fullName = function() {
return this.firstName + " " + this.lastName;
}
}

Tiếp theo, chúng ta sẽ tạo ra thêm 2 object bao gồm nguoi1 và nguoi2 bằng cách sử dụng Constructor như sau:

var nguoi1 = new Person("Pew", "Pew");
var nguoi2 = new Person("Thanh", "Do");

Khi bạn tạo hàm nguoi, JavaScript sẽ tạo ra thuộc tính Prototype vào hàm. Khi nguoi1 gửi yêu cầu, Constructor thể hiện nguoi1 ra, Constructor sẽ làm việc cật lực để trả lại 1 cái instance.

Tìm Prototype property của JavaScript engines

Bên cạnh khả năng thêm thuộc tính, Prototype còn có thể giúp bạn tìm ra Prototype property. Nếu muốn quá trình tìm kiếm diễn ra, bạn sẽ cần phải truy cập vào được thuộc tính của đối tượng.

Sau khi hoàn thành, JavaScript engines sẽ tự động đi tìm thuộc tính bạn đang yêu cầu. Nếu thuộc tính thực sự có trong chương trình, thuộc tính đó sẽ xuất ra ngay và ngược lại,

prototype-la-gi

Trường hợp sử dụng và lưu ý khi dùng Prototype

Khi nào nên sử dụng Prototype?

Hầu hết các ngành đều có thể ứng dụng Prototype vào và đặc biệt là ngành công nghệ thông tin hoặc những ngành có thể bỏ ra chi phí cực thấp để tạo ra Prototype.

Prototype sẽ ẩn đi việc trao đổi đối tượng giữa client. Vì thế, nếu muốn thực hiện, bạn sẽ cần phải sao chép những giá trị có sẵn của object => tạo 1 mẫu mới và dán vào để sử dụng. Điều này sẽ hạn chế thiệt hại nếu có khi thử nghiệm.

Những điều cần lưu ý trước khi dùng Prototype

Tino Group gợi ý bạn nên chú ý và khắc phục nếu muốn hiệu quả tốt nhất:

  • Bạn cần phải thông thạo JavaScript và giỏi tiếng Anh càng tốt để nghiên cứu tài liệu.
  • Trong JavaScript, hàm sẽ được gọi là một object và object này sẽ có thuộc tính Prototype. Chỉnh thuộc tính Prototype sẽ mang lại giá trị rất khác cho object.
  • Các object trong JavaScript được gọi bằng khái niệm Prototype Attribute. Prototype Attribute là đặc tính có giá trị trỏ đến Prototype Object mà chúng kế thừa. Khi ấy, bạn có thể sử dụng các thuộc tính _proto_ để truy cập vào Prototype Object.
  • Trong trường hợp bạn muốn tạo ra 1 hàm nhằm để tạo ra hàng loạt mẫu Prototype Object, bạn có thể “vô tư” áp dụng thêm các thuộc tính, phương thức vào Prototype của hàm Prototype. Khi những đối tượng con sinh ra, chúng sẽ mang theo giá trị có trong thuộc tính Prototype của hàm này.

Đến đây, Tino Group hi vọng rằng bạn đã có thể hiểu hơn về Prototype là gì cũng như những thông tin về thuộc tính, cách hoạt động, những lưu ý và cả trường hợp điển hình có thể áp dụng Prototype vào. Tuy trong thực tế, khi bắt tay vào làm, bạn sẽ thấy điều này phức tạp hơn trong lý thuyết rất nhiều. Nhưng Tino Group có niềm tin rằng khi đã bắt tay vào làm, bạn sẽ hoàn thành sản phẩm đến cùng! Chúc bạn luôn thành công trên con đường lập trình với JavaScript!

Những câu hỏi thường gặp về Prototype

Học JavaScript để làm gì?

Với JavaScript, bạn có thể: gia tăng trải nghiệm khi người dùng sử dụng website của bạn, tạo ra những chi tiết động có thể tương tác với người dùng website và bạn cũng có thể sử dụng JavaScript để tạo ra một số game đơn giản trên web đấy!

Có nên học JavaScript hay không?

Câu trả lời sẽ tùy thuộc vào bạn, ước mơ, mong muốn và khả năng hiện thực của bạn. Nếu bạn muốn học lập trình để phát triển web, ứng dụng web, JavaScript chính là ngôn ngữ mà bạn đang tìm kiếm. Tuy nhiên, nếu bạn muốn phát triển game, các ứng dụng phần mềm trên Windows sẽ có các ngôn ngữ khác như C/ C++ .NET,… phù hợp hơn với những phần mềm này.

Làm sao để học tốt JavaScript?

Để học tốt ngôn ngữ JavaScript hay bất cứ ngôn ngữ nào khác, điều quan trọng nhất bạn cần đó chính là sự quyết tâm và kiên trì đến cùng. Đôi khi, bạn sẽ gặp những bài tập cực kỳ khó khăn hay gặp phải những khái niệm vô cùng khó hiểu. Bạn vẫn sẽ phải học, phải đọc phải trau dồi thêm để “đánh bại” được những sự “khó hiểu” đó.

Prototype trong khởi nghiệp là gì?

Tương tự trong JavaScript, Prototype trong khởi nghiệp có nghĩa là nguyên mẫu. Nhưng trong khởi nghiệp, Prototype được sử dụng để phác thảo và định hình những gì bạn có thể nhìn thấy về sản phẩm.

Chia sẻ một chút thông tin về bạn. Những thông tin này có thể được công khai.

Xem thêm bài viết

Bài viết liên quan

Mục lục

Xem nhiều

giá tốt, chất lượng cao mình rất hài lòng
chất lượng dịch vụ tốt lắm...á
chất lượng dịch vụ rất tốt.
giá tốt, chất lượng cao mình rất hài lòng
Dịch vụ chăm sóc khách hàng tốt
Dùng rất oke nha mọi người
Dịch vụ chăm sóc khách hàng tốt, mình rất hài lòng về dịch vụ của TINOHOST
Đã mua rất nhiều tên miền tại Tinohost. Chất lượng tốt
dịch vụ và chăm sóc khách hàng rất tốt , mình rất thích tinohost , mình đã sử dụng nhiều dịch vụ của tinohost rồi
tuyệt vời chăm sóc khách hàng quá tốt
dịch vụ và chăm sóc khách hàng rất tốt , mình rất thích tinohost , mình đã sử dụng nhiều dịch vụ của tinohost rồi
Quá tốt - Quá xuất sắc và tuyệt
Hỗ trợ nhiệt tình. dịch vụ chất lượng
Đội ngũ support rất nhiệt tình.
Sử dụng dịch vụ của bạn Tinohost 2 3 năm nay chưa khi nào phải thất vọng.
host dùng chất lượng, miền giá rẻ
dịch vụ hỗ trợ rất nhanh, tốc độ hosting tốt
Hộ trợ tốt, nhanh. Tuyệt vời 🥰
tuyệt vời, dịch vụ cực tốt và hỗ trợ siêu nhanh
Làm việc nhanh chóng, giá thành hợp lí.
Hosting rẻ và nhanh thích hợp cho học sinh sinh viên như mình
dịch vu tốt ! Sẽ sử dụng thưởng xuyên !
Mỗi lần cần gì, nhắn Tino là được hỗ trợ ngay. Nên một đứa không biết gì về web như mình cũng tạo được blog. Cơ bản mình chỉ lo viết, mọi thứ có anh IT của Tino lo hết.
Nhìn chung thì Tino xứng đáng là một trong những nhà cung cấp host giá rẻ #1 tại VN. Bên này support khá nhanh và nhiệt tình nên quá trình sử dụng diễn ra tương đối trơn tru.
Chất lượng quá ok so với mức giá. Các SME có thể tham khảo để dựng web nhé.
uy tín chất lượng chuẩn cho 5 sao
Dịch vụ nhanh chóng thanh toán tiện lợi
Dịch vụ nhanh chóng, giá cả hợp lý
Chất lượng phục vụ ok, support khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
Dịch vụ tốt, giá cả hợp lý👍
Rất hay, rất tốt, rất hữu ích
Hỗ trợ rất nhanh và nhiệt tình
Chất lượng phục vụ ok, support khá nhanh chóng và chất lượng gói lớn tốt, gói nhỏ cần tốt hơn.
dịch vụ tốt, thanh toán nhanh chống
Hài lòng dịch vụ của tinohost
Sau khi sử dụng dịch vụ của TinoHost. Mình thấy website load nhanh hơn hẳn so với sử dụng ở nhà cung cấp cũ. Giá cả do mình đc mua với giá sale 99% của TinoHost nên rất là rẻ. Gói mình mua là gòi Hosting Bussiness 20GB. Thông số cấu hình cao nên web load khá mượt
Chúc TinoHost phát triển!
domain rẻ, có nhiều gói hữu ích thích hợp cho sinh viên
Hài lòng về dịch vụ và tư vấn
Dịch vụ tốt . Support nhiệt tình
Chất lượng OK
Nhanh chóng
dịch vụ rất tốt
Nhân viên support nhanh, hỗ trợ nhiệt tình, giao dịch tự động nên khá tiện
Đã dùng nhiều dịch vụ tại Tinohost, chất lượng tốt, rất hài lòng ...😀
Sự dụng rất hài lòng với các dịch vụ của tinohost
Dịch vụ tốt, uy tín chất lượng
Tino dịch vụ quá tuyệt vời
Giá rẻ, dịch vụ tốt, hỗ trợ nhanh chóng
dịch vụ rất tốt rất tuyệt vời
Giá hợp lý cho người mới dùng
Mình thấy Tinohost có giao diện thân thiện, dễ đăng ký sử dụng cho người mới tập tành làm web như mình. Hosting hỗ trợ có nhiều lựa chọn về dung lượng và giá cả! Thanh toán qua momo thuận tiện. Recommended!
wed quá ok làm việc nhanh ngọn
Dịch vụ tốt. Khá hài lòng vì support nhiệt tình
Dịch vụ quá tuyệt vời danh cho các bạn
Xin cảm ơn đội ngủ kỹ thuật. Các bạn rất chuyên nghiệp và thân thiện. Tôi sẽ giới thiệu các bạn cho bạn bè của mình.
Dịch vụ hỗ trợ tốt, ổn định, thanh toán dễ dàng.
Mình từng dùng VPS bên Vietel IDC, hay gặp lỗi vặt và bảo trì liên tục. Nhưng Tino thì rất ok
dùng tốt, nhanh, dễ sử dụng
Giao diện đẹp mắt, dễ sử dụng
Đề nghị xem lại vấn đề phục vụ khách hàng (livchat)!
Good. Tốc độ cao. Tùy chỉnh nhiều trên shared hosting.
hosting ngon, giá luôn rẻ, tôi làm code nhưng rất thích sài host tino
Tino cung cấp host rất chuyên nghiệp. Đội ngũ kỹ thuật hỗ trợ rất tận tâm và nhiệt tình. Mình sẽ tiếp tục ủng hộ Tino 🥰.
Rất tuyệt vời🙆🙆🙆🙆🙆🙆🙆🙆🙆
Xét về tầm giá thì TinoHost rất đáng để mua và sử dụng lâu dài.
Dịch vụ chất lượng, ủng hộ 1 năm nay rồi
tuyệt vời quá đi,tuyệt vời quá đi
Tốc độ ổn định, tư vấn nhiệt tình
mới tham gia, mong mọi người hỗ trợ thêm
Tốc độ khá tốt với gói rẻ nhất 9k
Giao dịch nhanh,support nhanh và tận tình,chuyển miền nhanh,Hosting Ok
mua sản phẩm dịch vụ tinhot rất tốt tặng ad 5tr ** luon nè🥰🥰🥰
tinohost
một truong những nơi bán hosting rẻ, chất lượng dành cho anh em nào cần để làm web
mua tại : tinohost.com
mình đã mua 2 tên miền + hosting của Tino Host . quả nhiên hiệu quả SEO cải thiện đáng kể và chứng chỉ bảo mật HTTPS miễn phí của Tino Host cũng ko kém phần quang trọng cho việc SEO website của mình
Tino host là một trong nhà cung cấp tốt nhất mình từng sử dụng. Với ưu đãi khuyến mại nhiều, giá thành rẻ kèm theo đó là sự support tuyệt vời của các admin. Nếu ai chưa lựa chọn được nhà cung cấp cho bản thân mình thì Tinohost sẽ là câu trả lời tốt nhất.
dịch vụ tốt, đội ngũ support nhiệt tình, cảm ơn #tinohost
Uy tín, chất lượng, nhân viên hỗ trợ nhiệt tình
mua 2 domain tại tinohost dùng rất chất lượng
Đã mua 02 domain và hosting tại TinoHost, hài lòng cách tư vấn và chăm sóc khách hàng của TinoHost :)
Giá rẻ cấu hình mạnh, black friday là sự bùng nổ của Tino
Hay web bán tài nguyên rất ngon
dịch vụ tốt, mua luôn host chất lượng cao của công ty nhân dịp blackfriday, cảm ơn #tinohost
Dịch vụ rất tốt, nhân viên tận tình.
Hỗ trợ nhiệt tình nhất trong các nhà cung cấp mih từng dùng. Không những server mạnh, ưu đãi có 1 không 2 mà còn nhiều plugin pro bản quyền đính kèm nữa. Quyết định gắn bó "Lifetime" với tino 😁
Dịch vụ tốt hỗ trợ nhanh chóng
Thích cách tư vấn tận tình và nhanh gọn của Tino mỗi khi có vấn đề trục trặc. Hosting ổn định, giá rẻ tốt lắm nhé mọi người
mình có mua 2 tên msiền của tino, mình rât thích cách tư vấn và chăm sóc khách hàng tại đây. Ngoài ra giá domain khá rẻ, phù hợp cho mọi người. 5 sao
Dịch vụ tốt, support nhiệt tình
tinohost tuyệt vời giá cả hợp lý
domain mua rất rẻ :))))
tốt, chất lượng, hostingok
Hosting tốt, giá cả cạnh tranh
Tuyệt vời , Hosting quá ổn
Chất lượng lắm ạ. Domain mua rẻ nhất thị trường
Dịch vụ tốt và chất lượng
Chất lượng lắm ạ. Domain mua rẻ nhất thị trường
Tino Host dùng quá ngon đi !💥💥💥💥💥
Tôi đã mua domain và hosting của các nhà cung cấp khác rồi, nhưng thực sự thấy không tốt bằng Tino, ngoài ra còn hỗ trợ rất tốt. Cảm ơn tino nhiều!
Next Reviews
CÔNG TY CỔ PHẦN TẬP ĐOÀN TINO
Trụ sở chính: L17-11, Tầng 17, Tòa nhà Vincom Center, Số 72 Lê Thánh Tôn,  Phường Bến Nghé, Q. 1, TP. Hồ Chí Minh

Văn phòng kinh doanh: Số 42 Trần Phú, Phường 4, Quận 5, TP HCM
GPKD số 0315679836 do Sở KH và ĐT TP Hồ Chí Minh cấp
Hotline: 0364 333 333
Góp ý/Phản ánh dịch vụ: 0933 000 886