Javascript.Basic - Bài 4 - tạo đối tượng có và không có prototype.

Giới thiệu

Đối tượng có và không có prototype là vấn đề rất thú vị và thực tế, bởi vì giống như trong bài trước, khi giới thiệu về nước lèo và tô phở, tôi có nói rằng tô phở là một object cuối cùng, người dùng chỉ việc thêm gia vị cho phù hợp rồi dùng nó chứ không có ý nghĩa dùng để tạo ra nhiều tô phở khác. Nên bản thân nó không cần chứa prototype. Nó khác với ý nghĩa nước lèo. Từ nước lèo ta có thể tạo ra nhiều tô phở khác nhau, nên nước lèo có ý nghĩa như một prototype. Dưới đây, tôi muốn giới thiệu về việc làm thế nào để tạo object dạng tô phở và object dạng nước lèo.

Tạo object dạng tô phở

Dưới đây là một số ví dụ về cách thức tạo object dạng tô phở:
  1. var obj = new Object();
  2. var date = new Date();
  3. var str = new String();
Các object trên sẽ không có prototype. 
  1. obj.prototype
  2. undefined
  3. date.prototype
  4. undefined
  5. str.prototype
  6. undefined
Xem lại hình minh họa mối quan hệ giữa các built-in object trong bài trước, ta để ý một object được tách ra làm 2 gồm có function object và prototype của object. Ví dụ Date thì bao gồm Date() và Date.prototype. Date() được gọi là một function object. 
Một object dạng tô phở thì được tạo ra từ một function object thông qua từ khóa new.
Các object dạng này khi sinh ra chỉ chứa một thuộc tính __proto__, link đến prototype của Object mà nó được new ra.
Object dạng tô phở
Bên dưới sẽ giới thiệu việc tạo object dạng nước lèo cũng là function object 

Tạo object dạng nước lèo, hay tạo một function object.

  1. var Person = new Function();
  2. // Person có object prototype
  3. Person.prototype
  4. > Object {}
  5. // Person sẽ có __proto__ trỏ đến prototype của đối tượng mà nó được "sinh ra"
  6. Person.__proto__ === Function.prototype
  7. >true
  8. // __proto__ của bất kỳ prototype nào cũng mặc định trỏ về prototype của Object.
  9. Person.prototype.__proto__ === Object.prototype
  10. >true
  11. // prototypemột object cụ thể nên các prototype của các object khác nhau sẽ là khác nhau.
  12. Person.prototype === Object.prototype
  13. >false
Nhắc lại: __proto__ mặc định trỏ đến prototype mà từ đó nó sinh ra. Nói cách khác__proto__ trỏ đến prototype của object mà nó muốn kế thừa.
Hình mình họa: 
Object dạng nước lèo

Tổng kết:

Dưới đây là hình tổng kết của bài này. 
Create an object in JS

Nguồn: https://coddingdaily.blogspot.com

Comments

Popular Posts