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

2
00:00:00,988 --> 00:00:09,880
>> [MUSIC PLAYBACK]

3
00:00:09,880 --> 00:00:13,360
>> SPEAKER 1: No, sme tu,
posledný P set v CS50.

4
00:00:13,360 --> 00:00:17,040
Gratulujem sami od s
tak ďaleko od svojej prvej ahoj

5
00:00:17,040 --> 00:00:20,090
svety a tlač z
pyramídy Mario.

6
00:00:20,090 --> 00:00:21,930
Urobil si webové stránky minulý týždeň.

7
00:00:21,930 --> 00:00:25,110
A my bude robiť iný
tento týždeň, ten, ktorý vám umožňuje

8
00:00:25,110 --> 00:00:28,570
jazdiť na Harvard areálu, vyberanie
hore zamestnanci CS50, a

9
00:00:28,570 --> 00:00:31,910
priviesť ich späť k ich
obytné domy.

10
00:00:31,910 --> 00:00:35,400
>> Teraz minulý týždeň sme pracovali v PHP,
side jazyk servera.

11
00:00:35,400 --> 00:00:38,250
V tomto p Nastavte, budeme sa predstavil
JavaScriptu, ktorý je

12
00:00:38,250 --> 00:00:40,600
na strane klienta jazyka.

13
00:00:40,600 --> 00:00:44,010
Takže poďme sa pozrieť na niektoré z
Distribúcia kód, ktorý sa pripravili

14
00:00:44,010 --> 00:00:46,210
môžete pre tento P sadu.

15
00:00:46,210 --> 00:00:49,700
>> V priečinku JavaScript, bude tam
byť banda súborov JavaScript.

16
00:00:49,700 --> 00:00:53,600
K dispozícii je buildings.js, ktorá obsahuje
rad budov po celom Harvarde

17
00:00:53,600 --> 00:00:57,340
kampus, s ich informácií
a pozície.

18
00:00:57,340 --> 00:01:01,630
Houses.js je rad Harvarde
obytných domov, s ich

19
00:01:01,630 --> 00:01:04,030
zemepisnej šírky a dĺžky.

20
00:01:04,030 --> 00:01:07,020
Passengers.js obsahuje
rad cestujúcich -

21
00:01:07,020 --> 00:01:08,600
so zamestnancami CS50 -

22
00:01:08,600 --> 00:01:11,640
že budete dobývať do
ich obytné domy.

23
00:01:11,640 --> 00:01:16,450
>> Math3D.js, že obsahuje veľké množstvo
Funkcie robiť s pohybom.

24
00:01:16,450 --> 00:01:19,500
Ak ste matematicky zmýšľajúce,
potom vítam vás pozrieť.

25
00:01:19,500 --> 00:01:23,530
Ale nemusíte rozumieť
všetko, čo tam je.

26
00:01:23,530 --> 00:01:26,710
Shuttle.js, ktorá sa zaoberá
pohyb raketoplánu.

27
00:01:26,710 --> 00:01:31,450
A index.html je domovská stránka, kde
všetko, čo sa deje, naozaj, kde

28
00:01:31,450 --> 00:01:33,610
užívateľ interakciu s webom.

29
00:01:33,610 --> 00:01:39,110
>> Service.css je CSS štýlov,
, Ktoré, okrem Twitter

30
00:01:39,110 --> 00:01:43,960
Bootstrap knižnica, kontroly
ako index.html vyzerá.

31
00:01:43,960 --> 00:01:48,190
A potom tu máme tiež service.js, ktoré
obsahuje servisné funkcie pre

32
00:01:48,190 --> 00:01:49,010
kyvadlová doprava.

33
00:01:49,010 --> 00:01:53,010
A tu je miesto, kde budete mať
vyplnenie niektorých DOS.

34
00:01:53,010 --> 00:01:56,600
>> Teraz sa poďme pozrieť na objekty a
asociatívne polia v JavaScripte,

35
00:01:56,600 --> 00:01:59,360
ktorý pre všetky účely,
sú zameniteľné.

36
00:01:59,360 --> 00:02:03,030
Keby som chcel, aby sa objekt premennú
volal palička, by som

37
00:02:03,030 --> 00:02:04,290
vyhlásiť ju.

38
00:02:04,290 --> 00:02:08,789
A vo vnútri týchto zložených zátvorkách by som
určiť jadro je jednorožec.

39
00:02:08,789 --> 00:02:10,220
Drevo je čerešňa.

40
00:02:10,220 --> 00:02:12,710
A dĺžka je 13.

41
00:02:12,710 --> 00:02:16,370
>> Teraz môžem tiež prístup k hodnotám
objektov pomocou

42
00:02:16,370 --> 00:02:18,270
asociatívne pole notácie.

43
00:02:18,270 --> 00:02:22,610
Takže palička index jadro, možno nastaviť
ktorá sa rovná jednorožec, alebo

44
00:02:22,610 --> 00:02:24,710
skontrolujte, či, keď budem potrebovať.

45
00:02:24,710 --> 00:02:26,510
Alebo môžem použiť operátora bodka.

46
00:02:26,510 --> 00:02:30,280
Wand bodka drevo rovná čerešňa,
a tak ďalej, a tak ďalej.

47
00:02:30,280 --> 00:02:33,930
Takže vidíte, že asociatívne pole a
objekty v JavaScripte sa bude

48
00:02:33,930 --> 00:02:37,720
zameniteľné, a bude
príde celkom vhod.

49
00:02:37,720 --> 00:02:41,570
>> Potom vidíme rad domov
v buildings.js.

50
00:02:41,570 --> 00:02:43,870
Opäť platí, že pole objektov.

51
00:02:43,870 --> 00:02:48,500
Ak by som chcel urobiť celý rad najlepších
stavby na Harvard akademickej pôde, potom

52
00:02:48,500 --> 00:02:49,710
Chcel by som, aby to takto.

53
00:02:49,710 --> 00:02:55,250
Pomocou tohto objektu firmy, ak
Aj uložiť koreňový, meno, adresa,

54
00:02:55,250 --> 00:03:00,260
šírky a dĺžky pre každý
jeden objekt objekt.

55
00:03:00,260 --> 00:03:02,930
>> Poďme rýchlo hovoriť o premenných
v JavaScriptu.

56
00:03:02,930 --> 00:03:07,760
Rovnako ako PHP, JavaScript premenné
sú slabo alebo voľne zadali.

57
00:03:07,760 --> 00:03:14,120
Ak chcete vytvoriť lokálne premenné, môžete prefix
názov premennej s V-A-R, var.

58
00:03:14,120 --> 00:03:17,010
>> Teraz v JavaScripte, bude funkcia
obmedziť rozsah ukazovateľa.

59
00:03:17,010 --> 00:03:20,600
Takže ak máte lokálne premenné v rámci
funkcie, potom ďalšie funkcie

60
00:03:20,600 --> 00:03:22,060
Nemožno pristupovať.

61
00:03:22,060 --> 00:03:26,090
Ale na rozdiel od C, slučky a podmienky nie
obmedziť rozsah ukazovateľa.

62
00:03:26,090 --> 00:03:30,600
>> Takže aj keď sa to deklarovať vnútri
stav, bude celá funkcia

63
00:03:30,600 --> 00:03:32,810
majú prístup k nemu.

64
00:03:32,810 --> 00:03:35,820
Teraz bez var, variabilný
bude globálna.

65
00:03:35,820 --> 00:03:39,170
Takže ak ste práve deklarovať meno a
priradiť hodnotu, potom táto premenná

66
00:03:39,170 --> 00:03:41,900
bude globálne premenné
v JavaScriptu.

67
00:03:41,900 --> 00:03:48,480
>> Teraz v domoch, máme asociatívne
Pole typu domu objektov, kde

68
00:03:48,480 --> 00:03:52,100
každý dom je len šírka
a dĺžky.

69
00:03:52,100 --> 00:03:55,140
Potom máme cestujúci
pole, čo je pole

70
00:03:55,140 --> 00:03:57,370
typu objektu cestujúceho.

71
00:03:57,370 --> 00:04:01,620
Takže každý cestujúci má meno,
Názov a dom.

72
00:04:01,620 --> 00:04:04,840
Všimnite si, že som videl typu
cestujúcich, čo v skutočnosti znamená len

73
00:04:04,840 --> 00:04:08,150
že každý objekt má
Rovnaká hodnota dvojice kľúč.

74
00:04:08,150 --> 00:04:12,830
Takže každý objekt typu cestujúcich má
užívateľské meno, názov a dom.

75
00:04:12,830 --> 00:04:14,850
>> Takže to, čo potrebujeme, aby
urobiť pre sadu P?

76
00:04:14,850 --> 00:04:20,779
No, musíme umožniť používateľom vybrať
hore zamestnancov, zobraziť všetky

77
00:04:20,779 --> 00:04:25,090
so zamestnancami, ktoré sú v súčasnej dobe
naše kyvadlová doprava, a je odísť.

78
00:04:25,090 --> 00:04:29,280
A potom budeme tiež hovoriť o ďalšie
funkcie, ktoré môžu byť realizované na

79
00:04:29,280 --> 00:04:30,980
P set kyvadlová doprava.

80
00:04:30,980 --> 00:04:33,610
>> Ale poďme hovoriť o vyzdvihnutie prvý.

81
00:04:33,610 --> 00:04:37,480
Tváre CS50 zamestnanci boli
zasadil po celom areáli, kde každý

82
00:04:37,480 --> 00:04:41,750
tvár je implementovaný ako miesto značka
na 3D zemi, a ako

83
00:04:41,750 --> 00:04:44,030
značka na 2D mape.

84
00:04:44,030 --> 00:04:47,880
Takže, keď používateľ klikne na pickup
tlačidlo, chceme pridať blízkosti

85
00:04:47,880 --> 00:04:49,590
cestujúci do raketoplánu.

86
00:04:49,590 --> 00:04:53,650
A tiež chceme odstrániť svoje miesto
označiť zo sveta, a odstrániť ich

87
00:04:53,650 --> 00:04:58,060
značka z mapy, čo naznačuje, že
sú v našom raketoplánu teraz.

88
00:04:58,060 --> 00:05:02,520
>> Tak ako sme sa zistiť, či cestujúci
sú v dosahu nášho raketoplánu?

89
00:05:02,520 --> 00:05:04,610
No, vzdialenostné funkcie -

90
00:05:04,610 --> 00:05:08,770
takže raketoplán bodka vzdialenosť, odovzdaním
zemepisnej šírky a dĺžky, bude

91
00:05:08,770 --> 00:05:12,030
vypočítať vzdialenosť od prúdu
poloha dopravu do

92
00:05:12,030 --> 00:05:15,850
bodu, ktorý určíte, že sa
vzhľadom k zemepisnej šírky a dĺžky.

93
00:05:15,850 --> 00:05:19,180
Takže môžete použiť na výpočet
vzdialenosť od raketoplánu, aby

94
00:05:19,180 --> 00:05:20,310
cestujúci.

95
00:05:20,310 --> 00:05:24,040
>> Ale ako viete, kde
cestujúci sú?

96
00:05:24,040 --> 00:05:27,510
No, to je miesto, kde budeme musieť
upraviť funkciu naplniť.

97
00:05:27,510 --> 00:05:32,500
Naplniť umiestni všetkých zamestnancov
a cestujúci do sveta,

98
00:05:32,500 --> 00:05:36,300
a do mapy, ale nie je
uložiť ich umiestnenie.

99
00:05:36,300 --> 00:05:39,850
Takže možno si môžete uložiť svoje
miesto známky a značky

100
00:05:39,850 --> 00:05:41,570
v niektorých globálnom poli.

101
00:05:41,570 --> 00:05:45,780
>> Teraz už existuje globálne polia
ukladanie informácií od cestujúcich.

102
00:05:45,780 --> 00:05:49,960
Obchody Cestujúci pole každý
Meno cestujúceho a ich dom.

103
00:05:49,960 --> 00:05:54,985
Takže možno, môžete pridať pár parametrov
tam objekty pre cestujúcich.

104
00:05:54,985 --> 00:05:59,290
>> Ak nám chcete pomôcť odhaliť všetkých cestujúcich
v dosahu nášho raketoplánu, poďme

105
00:05:59,290 --> 00:06:02,500
slučka cez všetkých cestujúcich
v poli cestujúci.

106
00:06:02,500 --> 00:06:07,790
Pre slučky v JavaScripte môže vyzerať
niečo také, veľmi podobné

107
00:06:07,790 --> 00:06:12,910
tých, pre slučku v C. Alebo môžeme použiť
alternatívou pre konštrukciu slučky.

108
00:06:12,910 --> 00:06:17,130
>> Pre var aj v poli, kde som
bude stále index.

109
00:06:17,130 --> 00:06:20,740
Ale nemusíte špecifikovať
dĺžka poľa bodka

110
00:06:20,740 --> 00:06:23,310
stav, a ja plus plus.

111
00:06:23,310 --> 00:06:26,140
Umiestnenie Každý cestujúci je
vzhľadom na ich miesto značkou.

112
00:06:26,140 --> 00:06:29,800
>> Ale miesto známka nie je
zemepisnej šírky a dĺžky.

113
00:06:29,800 --> 00:06:34,575
Máme prístup k týmto parametre
získanie geometria, pomocou get

114
00:06:34,575 --> 00:06:35,900
geometrie na mieste značku.

115
00:06:35,900 --> 00:06:39,630
A potom, akonáhle budeme mať geometriu,
dostať buď zemepisnej šírky alebo

116
00:06:39,630 --> 00:06:42,600
dĺžky, s použitím týchto funkcií.

117
00:06:42,600 --> 00:06:45,680
>> Takže teraz vieme, ako zistiť, či
cestujúci sú v rámci

118
00:06:45,680 --> 00:06:47,920
Rozsah nášho raketoplánu.

119
00:06:47,920 --> 00:06:52,050
Akonáhle budeme mať tých cestujúcich, budeme
Chcete pridať nejaké cestujúcich, ktoré sú

120
00:06:52,050 --> 00:06:53,140
v tomto rozsahu.

121
00:06:53,140 --> 00:06:57,580
Chceme, aby mohli naskočiť, a
Posaďte sa na našej raketoplánu, ale iba

122
00:06:57,580 --> 00:06:59,640
ak budeme mať dostatok priestoru pre nich.

123
00:06:59,640 --> 00:07:04,120
>> Kyvadlová doprava dot sedadlá pole bude
uveďte, či sedadlá sú prázdne, alebo

124
00:07:04,120 --> 00:07:05,890
ktorý je v tomto sedadle.

125
00:07:05,890 --> 00:07:11,170
Takže, ak je sedadlo prázdne, potom
že sídlo bude mať hodnotu null.

126
00:07:11,170 --> 00:07:15,930
Takže iterácii cez pole sedadlá,
kontrola prázdnych miest, skladovanie

127
00:07:15,930 --> 00:07:20,020
cestujúci do týchto miest, kým sa
nemajú žiadne ďalšie prázdne miesta.

128
00:07:20,020 --> 00:07:23,330
A bohužiaľ, všetky ostatné cestujúci
bude musieť počkať

129
00:07:23,330 --> 00:07:26,000
nabudúce raketoplán príde.

130
00:07:26,000 --> 00:07:30,280
>> Akonáhle sa dostanete na raketopláne, budeme chcieť
odstrániť ich značku miesta, ktoré

131
00:07:30,280 --> 00:07:32,540
je ich fotografie v 3D svete.

132
00:07:32,540 --> 00:07:38,030
Ak by som chcel odstrániť miesto známky p,
potom by som dostať všetky funkcie

133
00:07:38,030 --> 00:07:42,790
z mojej krajiny, z Google Earth,
a potom odstrániť, že konkrétne miesto

134
00:07:42,790 --> 00:07:45,910
označiť pomocou funkcie removeChild.

135
00:07:45,910 --> 00:07:51,360
Potom konečne, poďme odstrániť značku,
ikona na 2D mape pre akýkoľvek

136
00:07:51,360 --> 00:07:53,650
cestujúcich, ktoré sme vyzdvihnúť.

137
00:07:53,650 --> 00:07:59,790
Ak chcete odstrániť marker, m, potom budem
stačí spustiť m dot setMap null.

138
00:07:59,790 --> 00:08:02,920
Urob to pre všetkých cestujúcich v dosahu,
a vy ste skončil pickup.

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