1
00:00:00,000 --> 00:00:00,988

2
00:00:00,988 --> 00:00:09,880
>> [MUSIC CHƠI]

3
00:00:09,880 --> 00:00:13,360
>> SPEAKER 1: Vâng, ở đây chúng tôi,
P thiết lập cuối cùng trong CS50.

4
00:00:13,360 --> 00:00:17,040
Chúc mừng mình từ việc
đi cho đến nay kể từ khi chào đầu tiên của bạn

5
00:00:17,040 --> 00:00:20,090
thế giới và in ra
kim tự tháp cho Mario.

6
00:00:20,090 --> 00:00:21,930
Bạn đã thực hiện một trang web tuần trước.

7
00:00:21,930 --> 00:00:25,110
Và chúng ta sẽ được làm cho nhau
tuần này, một trong đó cho phép bạn

8
00:00:25,110 --> 00:00:28,570
lái xe xung quanh khuôn viên trường Harvard, chọn
lên CS50 nhân viên, và

9
00:00:28,570 --> 00:00:31,910
đưa chúng trở lại của họ
nhà ở.

10
00:00:31,910 --> 00:00:35,400
>> Bây giờ tuần trước chúng tôi đã làm việc trong PHP,
một ngôn ngữ phía máy chủ.

11
00:00:35,400 --> 00:00:38,250
Cho bộ P này, chúng tôi đang nhận được giới thiệu
JavaScript, mà là một

12
00:00:38,250 --> 00:00:40,600
ngôn ngữ phía khách hàng.

13
00:00:40,600 --> 00:00:44,010
Vì vậy, chúng ta hãy có một cái nhìn tại một số các
đang phân phối đó là cung cấp cho

14
00:00:44,010 --> 00:00:46,210
bạn đã tập hợp P này.

15
00:00:46,210 --> 00:00:49,700
>> Trong thư mục JavaScript, sẽ có
là một loạt các tập tin JavaScript.

16
00:00:49,700 --> 00:00:53,600
Có buildings.js, trong đó có một
mảng của các tòa nhà xung quanh Harvard

17
00:00:53,600 --> 00:00:57,340
khuôn viên trường, với các thông tin của họ
và vị trí.

18
00:00:57,340 --> 00:01:01,630
Houses.js là một mảng của Harvard
nhà ở, với họ

19
00:01:01,630 --> 00:01:04,030
vĩ độ và kinh độ.

20
00:01:04,030 --> 00:01:07,020
Passengers.js chứa một
mảng hành khách -

21
00:01:07,020 --> 00:01:08,600
các nhân viên CS50 -

22
00:01:08,600 --> 00:01:11,640
rằng bạn sẽ được đưa trở lại
nhà ở của mình.

23
00:01:11,640 --> 00:01:16,450
>> Math3D.js, có chứa rất nhiều
chức năng để làm với phong trào.

24
00:01:16,450 --> 00:01:19,500
Nếu bạn là toán học có đầu óc,
sau đó tôi chào đón các bạn có một cái nhìn.

25
00:01:19,500 --> 00:01:23,530
Nhưng bạn không cần phải hiểu
tất cả mọi thứ trong đó.

26
00:01:23,530 --> 00:01:26,710
Shuttle.js, giao dịch với
phong trào của tàu con thoi.

27
00:01:26,710 --> 00:01:31,450
Và index.html là trang chủ nơi
tất cả mọi thứ xảy ra, thực sự, nơi mà các

28
00:01:31,450 --> 00:01:33,610
người sử dụng tương tác với trang web.

29
00:01:33,610 --> 00:01:39,110
>> Service.css là CSS,
trong đó, ngoài các Twitter

30
00:01:39,110 --> 00:01:43,960
Thư viện bootstrap, kiểm soát
cách index.html vẻ.

31
00:01:43,960 --> 00:01:48,190
Và sau đó chúng tôi cũng có service.js, mà
có chức năng dịch vụ cho

32
00:01:48,190 --> 00:01:49,010
tàu con thoi.

33
00:01:49,010 --> 00:01:53,010
Và đây là nơi mà bạn sẽ được
điền vào một số để dos.

34
00:01:53,010 --> 00:01:56,600
>> Bây giờ chúng ta hãy nhìn vào các đối tượng và
mảng kết hợp trong JavaScript,

35
00:01:56,600 --> 00:01:59,360
mà đối với tất cả ý nghĩa và mục đích
là hoán đổi cho nhau.

36
00:01:59,360 --> 00:02:03,030
Nếu tôi muốn làm cho một đối tượng một biến
được gọi là một cây đũa phép, tôi sẽ

37
00:02:03,030 --> 00:02:04,290
khai báo nó.

38
00:02:04,290 --> 00:02:08,789
Và bên trong những dấu ngoặc nhọn tôi sẽ
xác định cốt lõi là kỳ lân.

39
00:02:08,789 --> 00:02:10,220
Gỗ là anh đào.

40
00:02:10,220 --> 00:02:12,710
Và chiều dài là 13.

41
00:02:12,710 --> 00:02:16,370
>> Bây giờ tôi cũng có thể truy cập các giá trị
của các đối tượng sử dụng

42
00:02:16,370 --> 00:02:18,270
kết hợp ký hiệu mảng.

43
00:02:18,270 --> 00:02:22,610
Vì vậy, cây đũa phép chỉ số cốt lõi, tôi có thể thiết lập
mà bằng lân, hoặc

44
00:02:22,610 --> 00:02:24,710
kiểm tra xem, nếu tôi cần.

45
00:02:24,710 --> 00:02:26,510
Hoặc tôi có thể sử dụng toán tử dấu chấm.

46
00:02:26,510 --> 00:02:30,280
Cây đũa chấm gỗ bằng anh đào,
và như vậy, và vv.

47
00:02:30,280 --> 00:02:33,930
Vì vậy, bạn thấy rằng các mảng kết hợp và
các đối tượng trong JavaScript sẽ được

48
00:02:33,930 --> 00:02:37,720
hoán đổi cho nhau, và ý chí
đến trong khá tiện dụng.

49
00:02:37,720 --> 00:02:41,570
>> Sau đó, chúng ta thấy một loạt các tòa nhà
trong buildings.js.

50
00:02:41,570 --> 00:02:43,870
Một lần nữa, một mảng của các đối tượng.

51
00:02:43,870 --> 00:02:48,500
Nếu tôi muốn thực hiện một loạt các sản phẩm tốt nhất
các tòa nhà trong khuôn viên trường Đại học Harvard, sau đó

52
00:02:48,500 --> 00:02:49,710
Tôi sẽ làm cho nó như sau.

53
00:02:49,710 --> 00:02:55,250
Sử dụng ký hiệu đối tượng này, nơi
Tôi lưu trữ gốc, tên, địa chỉ,

54
00:02:55,250 --> 00:03:00,260
vĩ độ, kinh độ và cho mỗi
đối tượng xây dựng duy nhất.

55
00:03:00,260 --> 00:03:02,930
>> Hãy nhanh chóng nói về các biến
trong JavaScript.

56
00:03:02,930 --> 00:03:07,760
Như PHP, biến JavaScript
đang yếu hoặc lỏng lẻo.

57
00:03:07,760 --> 00:03:14,120
Để tạo ra một biến địa phương, bạn có tiền tố
tên biến với V-A-R, var.

58
00:03:14,120 --> 00:03:17,010
>> Bây giờ trong JavaScript, các chức năng sẽ
giới hạn phạm vi của các biến.

59
00:03:17,010 --> 00:03:20,600
Vì vậy, nếu bạn có một biến địa phương trong
một chức năng, sau đó các chức năng khác

60
00:03:20,600 --> 00:03:22,060
không thể truy cập nó.

61
00:03:22,060 --> 00:03:26,090
Nhưng không giống như C, mạch, điều kiện làm không
giới hạn phạm vi của một biến.

62
00:03:26,090 --> 00:03:30,600
>> Vì vậy, ngay cả khi bạn khai báo bên trong một
điều kiện, toàn bộ chức năng sẽ

63
00:03:30,600 --> 00:03:32,810
có quyền truy cập vào nó.

64
00:03:32,810 --> 00:03:35,820
Bây giờ mà không var, biến
sẽ được toàn cầu.

65
00:03:35,820 --> 00:03:39,170
Vì vậy, nếu bạn chỉ cần khai báo tên và
gán một giá trị, sau đó biến

66
00:03:39,170 --> 00:03:41,900
sẽ là một biến toàn cầu
trong JavaScript.

67
00:03:41,900 --> 00:03:48,480
>> Bây giờ trong ngôi nhà, chúng tôi có một liên kết
mảng các đối tượng loại nhà, nơi

68
00:03:48,480 --> 00:03:52,100
mỗi nhà chỉ là một vĩ độ
và kinh độ.

69
00:03:52,100 --> 00:03:55,140
Sau đó chúng ta có hành khách
mảng, mà là một mảng

70
00:03:55,140 --> 00:03:57,370
các loại đối tượng hành khách.

71
00:03:57,370 --> 00:04:01,620
Vì vậy, mỗi hành khách có một tên người dùng,
một tên, và một ngôi nhà.

72
00:04:01,620 --> 00:04:04,840
Nhận thấy rằng tôi đang nhìn thấy các loại
hành khách, mà thực sự chỉ có nghĩa là

73
00:04:04,840 --> 00:04:08,150
rằng tất cả các đối tượng có
cùng một cặp giá trị quan trọng.

74
00:04:08,150 --> 00:04:12,830
Vì vậy, mỗi đối tượng có kiểu hành khách có
một tên người dùng, tên, và một ngôi nhà.

75
00:04:12,830 --> 00:04:14,850
>> Vì vậy, những gì chúng ta cần phải
làm cho các thiết lập P?

76
00:04:14,850 --> 00:04:20,779
Vâng, chúng ta cần phải cho phép người dùng chọn
lên nhân viên, để hiển thị tất cả các

77
00:04:20,779 --> 00:04:25,090
các nhân viên hiện đang trong
đưa đón của chúng tôi, và để thả chúng ra.

78
00:04:25,090 --> 00:04:29,280
Và sau đó chúng tôi cũng sẽ nói về thêm
tính năng có thể được thực hiện cho

79
00:04:29,280 --> 00:04:30,980
P bộ tàu con thoi.

80
00:04:30,980 --> 00:04:33,610
>> Nhưng chúng ta hãy nói về xe bán tải đầu tiên.

81
00:04:33,610 --> 00:04:37,480
Khuôn mặt của nhân viên CS50 đã
trồng trên tất cả các khuôn viên, trong đó mỗi

82
00:04:37,480 --> 00:04:41,750
mặt được thực hiện như một dấu nơi
trên trái đất 3D, và như là một

83
00:04:41,750 --> 00:04:44,030
đánh dấu trên bản đồ 2D.

84
00:04:44,030 --> 00:04:47,880
Vì vậy, khi người dùng nhấp vào xe bán tải
nút, chúng ta muốn thêm gần đó

85
00:04:47,880 --> 00:04:49,590
hành khách để đưa đón.

86
00:04:49,590 --> 00:04:53,650
Và chúng tôi cũng muốn loại bỏ vị trí của mình
đánh dấu từ thế giới, và loại bỏ của họ

87
00:04:53,650 --> 00:04:58,060
đánh dấu trên bản đồ, chỉ ra rằng
họ đang ở trong xe đưa đón của chúng tôi bây giờ.

88
00:04:58,060 --> 00:05:02,520
>> Vì vậy, làm thế nào để chúng ta phát hiện nếu hành khách
nằm trong phạm vi của tàu con thoi của chúng tôi?

89
00:05:02,520 --> 00:05:04,610
Vâng, khoảng cách chức năng -

90
00:05:04,610 --> 00:05:08,770
để đưa đón dot khoảng cách, đi qua trong
vĩ độ và kinh độ, sẽ

91
00:05:08,770 --> 00:05:12,030
tính toán khoảng cách từ hiện tại
vị trí của các tàu con thoi đến

92
00:05:12,030 --> 00:05:15,850
chỉ mà bạn chỉ định với
cho vĩ độ và kinh độ.

93
00:05:15,850 --> 00:05:19,180
Vì vậy, bạn có thể sử dụng để tính toán
khoảng cách từ tàu con thoi đến

94
00:05:19,180 --> 00:05:20,310
hành khách.

95
00:05:20,310 --> 00:05:24,040
>> Nhưng làm thế nào để bạn biết được nơi
các hành khách?

96
00:05:24,040 --> 00:05:27,510
Vâng, đó là nơi mà chúng tôi sẽ phải
chỉnh sửa các chức năng cư.

97
00:05:27,510 --> 00:05:32,500
Cư nơi tất cả các nhân viên
và hành khách vào thế giới,

98
00:05:32,500 --> 00:05:36,300
và vào bản đồ, nhưng không
lưu trữ vị trí của họ.

99
00:05:36,300 --> 00:05:39,850
Vì vậy, có lẽ bạn có thể lưu trữ của họ
đặt dấu và đánh dấu

100
00:05:39,850 --> 00:05:41,570
trong một số mảng toàn cầu.

101
00:05:41,570 --> 00:05:45,780
>> Bây giờ đã có một mảng toàn cầu
lưu trữ thông tin từ hành khách.

102
00:05:45,780 --> 00:05:49,960
Các cửa hàng loạt hành khách mỗi
tên của hành khách và nhà của họ.

103
00:05:49,960 --> 00:05:54,985
Như vậy có lẽ bạn có thể thêm một vài thông số
có cho các đối tượng hành khách.

104
00:05:54,985 --> 00:05:59,290
>> Để giúp chúng tôi phát hiện tất cả các hành khách
trong phạm vi của tàu con thoi của chúng tôi, chúng ta hãy

105
00:05:59,290 --> 00:06:02,500
lặp qua tất cả các hành khách
trong mảng hành khách.

106
00:06:02,500 --> 00:06:07,790
Một vòng lặp trong JavaScript có thể trông
một cái gì đó như thế này, rất giống với

107
00:06:07,790 --> 00:06:12,910
những vòng lặp trong C. Hoặc chúng ta có thể sử dụng một
thay thế cho cấu trúc vòng lặp.

108
00:06:12,910 --> 00:06:17,130
>> Cho var i trong mảng, nơi tôi
vẫn sẽ là chỉ số.

109
00:06:17,130 --> 00:06:20,740
Nhưng bạn không cần phải xác định
sắp xếp điểm ảnh chiều dài

110
00:06:20,740 --> 00:06:23,310
điều kiện, và tôi cộng với cộng.

111
00:06:23,310 --> 00:06:26,140
Vị trí của mỗi hành khách
được đưa ra bởi dấu vị trí của mình.

112
00:06:26,140 --> 00:06:29,800
>> Nhưng đánh dấu vị trí không phải là
vĩ độ và kinh độ.

113
00:06:29,800 --> 00:06:34,575
Chúng ta phải truy cập vào các thông số bằng cách
nhận được hình học, sử dụng được

114
00:06:34,575 --> 00:06:35,900
hình học trên đánh dấu nơi.

115
00:06:35,900 --> 00:06:39,630
Và sau đó một khi chúng ta có hình học,
nhận được một trong hai vĩ độ hoặc

116
00:06:39,630 --> 00:06:42,600
kinh độ, sử dụng những chức năng.

117
00:06:42,600 --> 00:06:45,680
>> Vì vậy, bây giờ chúng tôi biết làm thế nào để phát hiện xem
hành khách trong

118
00:06:45,680 --> 00:06:47,920
phạm vi của tàu con thoi của chúng tôi.

119
00:06:47,920 --> 00:06:52,050
Một khi chúng ta có những hành khách, chúng tôi sẽ
muốn thêm bất kỳ hành khách có

120
00:06:52,050 --> 00:06:53,140
trong phạm vi đó.

121
00:06:53,140 --> 00:06:57,580
Chúng tôi muốn để cho phép họ nhảy lên, và
có một chỗ ngồi trên xe đưa đón của chúng tôi, nhưng chỉ

122
00:06:57,580 --> 00:06:59,640
nếu chúng ta có đủ chỗ cho họ.

123
00:06:59,640 --> 00:07:04,120
>> Mảng đưa đón dot chỗ ngồi sẽ
cho biết chỗ ngồi là trống rỗng, hoặc

124
00:07:04,120 --> 00:07:05,890
người trong chỗ đó.

125
00:07:05,890 --> 00:07:11,170
Vì vậy, nếu một ghế trống, sau đó
chỗ ngồi sẽ được null.

126
00:07:11,170 --> 00:07:15,930
Vì vậy, lặp qua mảng chỗ ngồi,
kiểm tra các chỗ trống, lưu trữ

127
00:07:15,930 --> 00:07:20,020
hành khách vào những chỗ ngồi cho đến khi bạn
không có bất kỳ chỗ trống hơn.

128
00:07:20,020 --> 00:07:23,330
Và thật không may, bất kỳ hành khách khác
sẽ phải chờ đợi

129
00:07:23,330 --> 00:07:26,000
lần sau tàu con thoi đến xung quanh.

130
00:07:26,000 --> 00:07:30,280
>> Một khi họ nhận được trên tàu con thoi, chúng tôi sẽ muốn
để loại bỏ đánh dấu vị trí của mình, mà

131
00:07:30,280 --> 00:07:32,540
là hình ảnh của họ trong thế giới 3D.

132
00:07:32,540 --> 00:07:38,030
Nếu tôi muốn loại bỏ một đánh dấu vị trí p,
sau đó tôi sẽ nhận được tất cả các tính năng

133
00:07:38,030 --> 00:07:42,790
từ trái đất của tôi, từ Google Earth,
và sau đó loại bỏ địa điểm cụ thể

134
00:07:42,790 --> 00:07:45,910
đánh dấu bằng cách sử dụng chức năng removeChild.

135
00:07:45,910 --> 00:07:51,360
Sau đó, cuối cùng, chúng ta hãy loại bỏ các dấu hiệu,
biểu tượng trên bản đồ 2D cho bất kỳ

136
00:07:51,360 --> 00:07:53,650
hành khách mà chúng tôi đang chọn lên.

137
00:07:53,650 --> 00:07:59,790
Để loại bỏ một đánh dấu, m, sau đó tôi sẽ
chỉ cần thực hiện m chấm setMap null.

138
00:07:59,790 --> 00:08:02,920
Làm điều này cho bất kỳ hành khách trong phạm vi,
và bạn đã hoàn tất pickup.

139
00:08:02,920 --> 00:08:05,056