0:00:01.187,0:00:03.173
Ta cùng trở lại với chương trình tạo Winston

0:00:03.173,0:00:07.589
nhưng tôi đã thêm vào một loại đối tượng mới Hopper vì Hopper đang cảm thấy

0:00:07.589,0:00:11.924
hơi lạc lõng. Bây giờ tôi sẽ định nghĩa Hopper tương tự như Winston,

0:00:11.924,0:00:15.843
bắt đầu với hàm tạo, mang cùng thuộc tính rồi đến thủ tục draw

0:00:15.843,0:00:20.498
rồi thủ tục talk, sau đó tôi sẽ thêm một thủ tục nữa được gọi là

0:00:20.498,0:00:23.808
Hooray vì Hopper rất thích tiệc tùng còn Winston

0:00:23.808,0:00:27.924
thì không. Hiện tại ở cuối hàm tôi đã tạo

0:00:27.924,0:00:31.174
hai đối tượng Hopper mới: Little Hopper và big Hopper

0:00:31.174,0:00:35.347
đã vẽ cả hai, và gọi thủ tục talk cho đối tượng này và thủ tục Hooray cho đối tượng kia.

0:00:35.347,0:00:37.508
Thế là gọn gàng rồi.

0:00:37.508,0:00:39.928
Bây giờ, khi nhìn vào dòng mã trên này

0:00:39.928,0:00:41.823
ta sẽ thấy một thứ rất thú vị. Đó là

0:00:41.973,0:00:52.324
dòng mã này của Hopper rát giống với mã của Winston. Đặc biệt hãy nhìn vào hàm tạo. Không biết các bạn có nhớ không nhưng về cơ bản giống y đúc với hàm tạo của Winston.

0:00:52.324,0:01:00.748
Tiếp theo hàm talk này cũng giống y hệt với mã trong hàm talk của Winston

0:01:00.763,0:01:03.897
và cả hai đều có hàm draw.

0:01:03.897,0:01:07.922
Như vậy hai loại đối tượng này có rất nhiều điểm chung

0:01:07.922,0:01:11.341
và điều đó khiến Hopper và Winston trở thành hai loại đối tượng rất tương đồng

0:01:11.341,0:01:15.299
trong thế giới của chúng ta. Thử nghĩ mà xem, hầu hết loại đối tượng trong

0:01:15.299,0:01:20.009
thế giới thực bên ngoài máy tính đều mang những điểm chung nhất định

0:01:20.009,0:01:21.423
với các loại đối tượng khác.

0:01:21.423,0:01:23.643
Giống như trong thế giới động vật. Tất cả các loài động vật

0:01:23.643,0:01:26.812
đều giống nhau theo cách nào đó. Và tiếp đó ta có các loài động vật khác nhau

0:01:26.812,0:01:31.588
như con người. Và con người cũng mang những điểm chung đó

0:01:31.588,0:01:34.331
đồng thời có những điểm tương đồng riêng của giống loài.

0:01:34.331,0:01:35.820
Như vậy ta có thể coi

0:01:36.205,0:01:38.967
động vật là một loại đối tượng mang chức năng cho loại đối tượng con người kế thừa.

0:01:38.967,0:01:46.864
Ta không hoàn toàn bắt đầu từ con số 0 mà ta tích lũy chức năng từ khi còn là động vật.

0:01:46.864,0:01:49.196
Ví dụ các loài động vật đều phát ra tiếng kêu.

0:01:49.196,0:01:51.407
Nhưng con người còn sáng tạo ra ngôn ngữ.

0:01:51.407,0:01:54.673
Như vậy khái niệm đối tượng kế thừa này

0:01:54.673,0:01:56.695
cũng rất hữu ích trong lập trình.

0:01:56.695,0:01:59.865
Và ta có thể tạo một chuỗi đối tượng kế thừa trong Javascript.

0:01:59.865,0:02:02.529
Để làm được điều đó ta phải nghĩ về

0:02:02.529,0:02:04.425
những điểm chung giữa các loại đối tượng.

0:02:04.425,0:02:06.633
Và nghĩ ra một cái tên.

0:02:06.633,0:02:08.675
Vì ta sẽ tạo một loại đối tượng mới

0:02:08.675,0:02:10.576
đại diện cho đối tượng cơ sở,

0:02:10.576,0:02:12.094
nên ta sẽ gọi đó là creature’s.

0:02:12.094,0:02:13.873
Cả hai đều là sinh vật.

0:02:13.873,0:02:17.831
Như vậy ta nhập var creatures =. Bây giờ ta cần có hàm tạo.

0:02:17.831,0:02:22.342
Vậy thì ta chỉ việc chôm hàm tạo của Hopper, cũng giống như của Winston thôi.

0:02:22.342,0:02:23.762
Được rồi.

0:02:23.762,0:02:27.172
Ta cùng xem nhé.

0:02:27.172,0:02:28.135
Bây giờ ta phải...

0:02:28.135,0:02:29.506
Ta phải làm gì tiếp theo?

0:02:29.506,0:02:31.966
Có thể ta sẽ muốn thêm hàm “talk”.

0:02:31.966,0:02:39.303
Vậy, với hàm “talk”, ta lại chôm của Hopper. Nhưng tất nhiên thay vào đó ta phải đưa vào prototypre của creature.

0:02:39.303,0:02:41.683
Đã xong.

0:02:41.683,0:02:45.300
Vậy là ta đã xong loại đối tượng creature này.

0:02:45.300,0:02:47.810
Nhưng ta phải cho Hopper biết rằng Hopper nên

0:02:47.810,0:02:51.141
lấy chức năng của creature làm cơ sở.

0:02:51.248,0:02:51.249
Ta có thể làm điều đó bằng cách viết dòng này ở đây.

0:02:53.816,0:02:58.595
Ta sẽ nhập Hopper.prototype

0:02:58.595,0:03:01.967
equals object.create

0:03:01.967,0:03:04.977
creature.prototype

0:03:04.977,0:03:14.197
Tác dụng của dòng này là lệnh cho Javascript lấy chức năng từ prototype creature’s làm cơ sở cho prototype Hopper, nói cách khác, làm cơ sở cho tất cả các Hopper.

0:03:14.197,0:03:22.342
Và điều đó có nghĩa là mỗi khi tìm hàm trên Hopper, nó sẽ tìm ở prototype Hopper

0:03:22.342,0:03:26.429
trước, nhưng nếu không tìm thấy nó sẽ tìm trên prototype creature’s.

0:03:26.429,0:03:29.196
Đây chính là cái ta gọi là chuỗi prototype.

0:03:29.196,0:03:34.032
Sau khi hoàn thành, ta sẽ có thể xóa hàm talk

0:03:34.032,0:03:35.634
trên Hopper.

0:03:35.634,0:03:38.302
Vì ta đã có hàm talk trên creature rồi,

0:03:38.302,0:03:40.231
và sẽ xuất hiện trong chuỗi prototype.

0:03:40.231,0:03:42.541
Sẵn sàng chưa? Da dun da...

0:03:42.541,0:03:43.924
Thành công rồi!

0:03:43.924,0:03:46.804
Đó là bởi hàm đã được tìm thấy trên prototype creature.

0:03:46.804,0:03:51.234
Vậy ta cùng thử xóa trên Winston nữa nhé.

0:03:51.234,0:03:57.680
OK. Chương trình không chạy vì đối tượng không có thủ tục talk.

0:03:57.680,0:04:01.263
Tại sao lại thế? Tại sao lại thế? Ta có hàm tạo Winston,

0:04:01.263,0:04:03.517
thủ tục draw và ta đã xóa thủ tục talk.

0:04:03.517,0:04:07.924
Các bạn có thể thấy ta đã quên lệnh cho prototype Winston kế thừa

0:04:07.924,0:04:09.409
từ prototype creature’s.

0:04:09.409,0:04:10.711
Vì vậy dòng đó rất quan trọng.

0:04:10.711,0:04:13.043
Winston.prototype=object.create

0:04:13.043,0:04:15.194
creature.portotype.

0:04:15.194,0:04:19.290
Ta Da!

0:04:19.290,0:04:20.426
Hãy chú ý một điều quan trọng.

0:04:20.426,0:04:26.097
Tôi nhập dòng này sau khi nhập hàm tạo nhưng trước khi thêm bất kỳ thứ gì khác vào

0:04:26.097,0:04:28.638
construction prototype.

0:04:28.638,0:04:29.334
Thông thường đó sẽ là quy trình.

0:04:29.334,0:04:31.230
Ta muốn lệnh cho Javascript

0:04:31.230,0:04:33.860
ngay khi vừa bắt đầu rằng đây sẽ là cơ sở cho prototype ban đầu.

0:04:33.860,0:04:36.804
Nhưng sau đó ta tiếp tục thêm các thứ vào prototype.

0:04:36.804,0:04:41.673
Bởi có thể các Winston hoặc các Hopper có điều gì đó độc đáo

0:04:41.673,0:04:43.909
mà những sinh vật khác không có.

0:04:43.909,0:04:45.405
Ta hoàn toàn có thể chỉ định rõ những điều đó.

0:04:45.405,0:04:50.256
Được rồi. Hiện tại, nhìn vào đây ta vẫn thấy có một số mã bị lặp.

0:04:50.256,0:04:51.524
Mã hàm tạo.

0:04:51.524,0:04:53.366
Đúng không? Tổng cộng lặp 3 lần.

0:04:53.366,0:04:56.638
Ta xóa có được không?

0:04:56.638,0:04:57.840
Cùng thử xem nhé.

0:04:57.840,0:05:03.509
OK. Trông có vẻ không ổn lắm.

0:05:03.509,0:05:07.340
Vì Hopper xuất hiện ở góc trên bên trái, gần như quên mọi thứ về bản thân.

0:05:07.340,0:05:15.264
Đó là bởi Javascript không giả định ta cần cùng một hàm tạo ngay cả khi nó được làm cơ sở cho prototype.

0:05:15.264,0:05:19.359
Javascript để ta tự định nghĩa hàm tạo cho những đối tượng này.

0:05:19.359,0:05:23.978
Nhưng ta cũng có thể gọi hàm tạo từ đối tượng một cách dễ dàng.

0:05:23.978,0:05:28.926
Như cách ta vẫn làm

0:05:28.926,0:05:35.470
ta sẽ nhập creature.callthis,nickname,age,x,y

0:05:35.470,0:05:40.598
Tác dụng của dòng này (Nhìn kìa, thành công rồi. Yay). Tác dụng của nó là

0:05:40.598,0:05:43.679
gọi hàm creature, hàm tạo.

0:05:43.679,0:05:50.339
Nó gọi hàm nhưng lại đưa hàm vào và nói rằng ta nên gọi hàm tạo này như thể

0:05:50.339,0:05:53.764
được gọi từ đối tượng Hopper

0:05:53.764,0:05:56.968
và như thể được gọi cùng những đối số này.

0:05:56.968,0:05:59.427
Đây là những đối số mà Hopper được gọi cùng.

0:05:59.427,0:06:03.589
Và cuối cùng dòng mã này sẽ được thực hiện như thể nó vẫn ở đây ngay từ đầu.

0:06:03.589,0:06:05.397
Đó chính xác là điều chúng ta muốn. Và ta đã thành công.

0:06:05.397,0:06:09.709
Sau đó ta có thể tiếp tục

0:06:09.709,0:06:11.515
sao chép dòng này vào

0:06:11.515,0:06:13.757
cả hàm tạo Winston nữa.

0:06:13.757,0:06:16.531
Thành công rồi. Yay!

0:06:16.531,0:06:24.901
Được rồi. Hãy xem nhé. Ta đã gói gọn tất cả những thuộc tính và chức năng chung trong một loại đối tượng cơ sở duy nhất, creature.

0:06:24.901,0:06:28.207
Và ta đã tạo 2 loại đối tượng mở rộng từ đối tượng cơ sở này.

0:06:28.207,0:06:30.981
Chúng kế thừa một sô schức năng nhưng cũng tự thêm chức năng của riêng mình.

0:06:30.981,0:06:36.339
Điều thú vị là ta có thể thay đổi chức năng chung tại một vị trí duy nhất.

0:06:36.339,0:06:40.302
Ví dụ nếu ta muốn thay đổi tuổi thêm lần nữa ta có thể nhập + years old.

0:06:40.302,0:06:43.908
Giờ thì ai cũng có “years old” ở cuối cùng.

0:06:43.908,0:06:49.871
Hoặc ta có thể đổi hàm “talk” thành “woo”. Giờ thì tất cả các Winston và Hopper đều đang nói “sup”.

0:06:49.871,0:06:57.174
Hiện tại ta đã tìm hiểu cách tạo các loại đối tượng và kế thừa từ những loại đối tượng đó.

0:06:57.174,0:07:01.348
Các bạn có thể bắt đầu nghĩ đến công dụng của chúng trong các bản vẽ, hoạt hình, mô phỏng và trò chơi.

0:07:01.348,0:07:05.257
Ví dụ, bạn có một trò chơi, trong đó có nhiều loại nhân vật

0:07:05.257,0:07:07.683
và tất cả nhân vật đều có thể chạy nhưng chỉ một số có thể nhảy thôi.

0:07:07.683,0:07:11.970
Đó là ví dụ điển hình cho loại đối tượng và kế thừa.

0:07:11.970,0:00:00.000
Nhưng tôi cá các bạn có thể nghĩ ra còn nhiều cách hơn thế nữa.