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

2
00:00:00,988 --> 00:00:09,880
>> [Predvaja glasba]

3
00:00:09,880 --> 00:00:13,360
>> SPEAKER 1: No, tukaj smo,
Zadnji sklop P v CS50.

4
00:00:13,360 --> 00:00:17,040
Sami čestitam iz ob
prišli tako daleč, ker vaš prvi pozdravi

5
00:00:17,040 --> 00:00:20,090
svetove in tiskanje
piramide za Mario.

6
00:00:20,090 --> 00:00:21,930
Ste naredili spletno stran, prejšnji teden.

7
00:00:21,930 --> 00:00:25,110
In gremo se, da bi še enega
ta teden, tisti, ki vam omogoča, da

8
00:00:25,110 --> 00:00:28,570
voziti okoli Harvard kampusu, nabiranje
up uslužbenci CS50 in

9
00:00:28,570 --> 00:00:31,910
jih prinaša nazaj v njihovo
stanovanjske hiše.

10
00:00:31,910 --> 00:00:35,400
>> Zdaj prejšnji teden smo delali v PHP,
side jezik strežnika.

11
00:00:35,400 --> 00:00:38,250
Za ta P set, se bova uvedli
za JavaScript, ki je

12
00:00:38,250 --> 00:00:40,600
Stranka side jezik.

13
00:00:40,600 --> 00:00:44,010
Tako da je lahko pogled na nekatere
distribucija kodo, ki je predvideno za

14
00:00:44,010 --> 00:00:46,210
ste za to P set.

15
00:00:46,210 --> 00:00:49,700
>> V mapi JavaScript, da bo
je kup JavaScript datotek.

16
00:00:49,700 --> 00:00:53,600
Tam je buildings.js, ki vsebuje
Niz stavb okoli Harvardu

17
00:00:53,600 --> 00:00:57,340
kampus, s svojimi podatki
in položaj.

18
00:00:57,340 --> 00:01:01,630
Houses.js je niz Harvardu
stanovanjske hiše, z njihovimi

19
00:01:01,630 --> 00:01:04,030
zemljepisne širine in dolžine.

20
00:01:04,030 --> 00:01:07,020
Passengers.js vsebuje
Niz potnikov -

21
00:01:07,020 --> 00:01:08,600
Člani osebja CS50 -

22
00:01:08,600 --> 00:01:11,640
da boste prinaša nazaj
njihove stanovanjske hiše.

23
00:01:11,640 --> 00:01:16,450
>> Math3D.js, ki vsebuje veliko
funkcije, da ima opravka z gibanjem.

24
00:01:16,450 --> 00:01:19,500
Če ste matematično misleče,
potem Pozdravljam ste vzeli pogled.

25
00:01:19,500 --> 00:01:23,530
Vendar vam ni treba razumeti
vse, kar je tam notri.

26
00:01:23,530 --> 00:01:26,710
Shuttle.js, ki se ukvarja z
Gibanje raketoplana je.

27
00:01:26,710 --> 00:01:31,450
In index.html je domača stran, kjer
vse, kar se dogaja, res, kjer

28
00:01:31,450 --> 00:01:33,610
Uporabnik je v interakciji s pomočjo spletne strani.

29
00:01:33,610 --> 00:01:39,110
>> Service.css je CSS slogi,
ki poleg Twitter

30
00:01:39,110 --> 00:01:43,960
Bootstrap knjižnica, nadzor
index.html kako izgleda.

31
00:01:43,960 --> 00:01:48,190
In potem imamo tudi service.js, ki
vsebuje funkcije za storitve

32
00:01:48,190 --> 00:01:49,010
shuttle.

33
00:01:49,010 --> 00:01:53,010
In tukaj je, kam greš, da se
izpolnite nekaj za dos.

34
00:01:53,010 --> 00:01:56,600
>> Zdaj pa si oglejte na objektih in
asociativne nize v JavaScriptu,

35
00:01:56,600 --> 00:01:59,360
ki je za vse namene
sta medsebojno zamenljiva.

36
00:01:59,360 --> 00:02:03,030
Če bi želel, da bi nek predmet spremenljivko
imenovana palica, bi

37
00:02:03,030 --> 00:02:04,290
ga razglasi.

38
00:02:04,290 --> 00:02:08,789
In znotraj teh zavitih oklepajih želim
opredeliti jedro je samorog.

39
00:02:08,789 --> 00:02:10,220
Les je češnja.

40
00:02:10,220 --> 00:02:12,710
In dolžina je 13.

41
00:02:12,710 --> 00:02:16,370
>> Zdaj lahko dostopate tudi vrednote
objektov z

42
00:02:16,370 --> 00:02:18,270
asociativno paleto zapis.

43
00:02:18,270 --> 00:02:22,610
Torej palica indeks jedro, lahko nastavite
, ki je enaka Samorog, ali

44
00:02:22,610 --> 00:02:24,710
preveri, če moram.

45
00:02:24,710 --> 00:02:26,510
Ali lahko uporabite operator pika.

46
00:02:26,510 --> 00:02:30,280
Wand dot les enaka češnja,
in tako naprej, in tako naprej.

47
00:02:30,280 --> 00:02:33,930
Torej vidite, da asociativne nize in
predmeti v JavaScriptu se bodo

48
00:02:33,930 --> 00:02:37,720
zamenljivi, in volja
pride v zelo priročno.

49
00:02:37,720 --> 00:02:41,570
>> Potem bomo videli niz stavb
V buildings.js.

50
00:02:41,570 --> 00:02:43,870
Spet paleto predmetov.

51
00:02:43,870 --> 00:02:48,500
Če bi želel, da bi paleto najboljših
zgradbe na harvardski univerzi, nato

52
00:02:48,500 --> 00:02:49,710
I bi ga takole.

53
00:02:49,710 --> 00:02:55,250
Z uporabo tega objekta zapis, kjer
Shranjujem root, ime, naslov,

54
00:02:55,250 --> 00:03:00,260
zemljepisne širine in dolžine za vsak
stavbi objekt.

55
00:03:00,260 --> 00:03:02,930
>> Pojdimo hitro govoriti o spremenljivkah
v JavaScript.

56
00:03:02,930 --> 00:03:07,760
Kot so PHP, JavaScript spremenljivke
so slabo ali ohlapno vnesli.

57
00:03:07,760 --> 00:03:14,120
Če želite ustvariti lokalno spremenljivko, boste predpono
Ime spremenljivke z V-A-R, var.

58
00:03:14,120 --> 00:03:17,010
>> Zdaj v JavaScript, bo funkcije
omejiti obseg spremenljivk.

59
00:03:17,010 --> 00:03:20,600
Torej, če imate lokalno spremenljivko v
funkcijo, potem druge funkcije

60
00:03:20,600 --> 00:03:22,060
ni dostopen.

61
00:03:22,060 --> 00:03:26,090
Toda za razliko od C, zank in pogoji ne
omejiti obseg spremenljivke.

62
00:03:26,090 --> 00:03:30,600
>> Torej, tudi če ste ga razglasi notranjost
bolezni, bo celotna funkcija

63
00:03:30,600 --> 00:03:32,810
imajo dostop do njega.

64
00:03:32,810 --> 00:03:35,820
Sedaj brez var, spremenljivka
bo globalno.

65
00:03:35,820 --> 00:03:39,170
Torej, če ste le razglasi ime in
dodeli vrednost, nato pa, da spremenljivka

66
00:03:39,170 --> 00:03:41,900
bo globalno spremenljivko
v JavaScript.

67
00:03:41,900 --> 00:03:48,480
>> Zdaj v hišah imamo asociativno
array objektov tipa hiše, kjer

68
00:03:48,480 --> 00:03:52,100
vsaka hiša je le širina
in dolžine.

69
00:03:52,100 --> 00:03:55,140
Potem imamo potnike
matrika, ki je matrika

70
00:03:55,140 --> 00:03:57,370
tipa objekta potnika.

71
00:03:57,370 --> 00:04:01,620
Torej vsak potnik ima ime,
Ime in house.

72
00:04:01,620 --> 00:04:04,840
Opazimo, da vidim tipa
Potnik, ki v resnici pomeni le

73
00:04:04,840 --> 00:04:08,150
da ima vsak objekt
Enako par ključev vrednost.

74
00:04:08,150 --> 00:04:12,830
Torej vsak objekt tipa potnika ima
uporabniško ime, ime in house.

75
00:04:12,830 --> 00:04:14,850
>> Torej, kaj moramo
storiti za P nizu?

76
00:04:14,850 --> 00:04:20,779
No, moramo omogočiti uporabnikom, da izberete
do članov osebja, za prikaz vseh

77
00:04:20,779 --> 00:04:25,090
člani osebja, ki so trenutno v
naša shuttle, in jih odložite.

78
00:04:25,090 --> 00:04:29,280
In potem bomo govorili tudi o dodatnih
funkcije, ki se lahko izvajajo za

79
00:04:29,280 --> 00:04:30,980
P set shuttle.

80
00:04:30,980 --> 00:04:33,610
>> Toda, kaj je govoril o pickup prva.

81
00:04:33,610 --> 00:04:37,480
Obrazi CS50 osebje, so bile
posajene povsod kampusa, kjer je vsak

82
00:04:37,480 --> 00:04:41,750
Obraz se izvaja kot mesto znamke
na 3D zemlji, in kot

83
00:04:41,750 --> 00:04:44,030
marker na 2D zemljevidu.

84
00:04:44,030 --> 00:04:47,880
Torej, ko uporabnik klikne pickup
gumb, želimo dodati v bližini

85
00:04:47,880 --> 00:04:49,590
potniki na raketoplana.

86
00:04:49,590 --> 00:04:53,650
In tudi mi želimo, da se odstranijo svoje mesto
označi od sveta, in odstranite njihovo

87
00:04:53,650 --> 00:04:58,060
marker na zemljevidu, ki kaže, da
oni so v naši shuttle zdaj.

88
00:04:58,060 --> 00:05:02,520
>> Torej, kako bomo odkriti, če potniki
v dosegu naših shuttle?

89
00:05:02,520 --> 00:05:04,610
No, oddaljenost funkcija -

90
00:05:04,610 --> 00:05:08,770
tako shuttle pika na daljavo, ki poteka v
zemljepisne širine in dolžine, bo

91
00:05:08,770 --> 00:05:12,030
izračun razdalje od toka
Stališče shuttle

92
00:05:12,030 --> 00:05:15,850
točko, ki ste jo določili s tem
zaradi širine in dolžine.

93
00:05:15,850 --> 00:05:19,180
Torej, lahko uporabite to za izračun
oddaljenost od raketoplana, da

94
00:05:19,180 --> 00:05:20,310
potniki.

95
00:05:20,310 --> 00:05:24,040
>> Ampak kako veš, kje
potniki so?

96
00:05:24,040 --> 00:05:27,510
No, to je, če bomo morali
uredite funkcijo zapolnijo.

97
00:05:27,510 --> 00:05:32,500
Zapolnijo krajih po članov osebja
in potniki v svetu,

98
00:05:32,500 --> 00:05:36,300
in v karti, vendar pa ne
shranite svoje mesto.

99
00:05:36,300 --> 00:05:39,850
Torej, morda lahko shranite svoje
postaviti oznake in markerji

100
00:05:39,850 --> 00:05:41,570
na nek globalni array.

101
00:05:41,570 --> 00:05:45,780
>> Sedaj že obstaja globalna matrika
shranjevanje podatkov od potnikov.

102
00:05:45,780 --> 00:05:49,960
Potniki zaporedji shrani vsako
Ime sovoznikov in njihova hiša.

103
00:05:49,960 --> 00:05:54,985
Tako da morda lahko dodate nekaj parametrov
tam do osebnih predmetov.

104
00:05:54,985 --> 00:05:59,290
>> Da bi nam pomagali odkriti vse potnike
v razponu od naše shuttle, dajva

105
00:05:59,290 --> 00:06:02,500
zanke skozi vse potnikov
v matriki potnikov.

106
00:06:02,500 --> 00:06:07,790
Za zanke v JavaScript lahko ogledate
kaj takega, zelo podoben

107
00:06:07,790 --> 00:06:12,910
tistih, za zanko C. Ali lahko uporabimo
alternativa za zanke strukturo.

108
00:06:12,910 --> 00:06:17,130
>> Za var i v matriki, kjer sem
bo še vedno kazalo.

109
00:06:17,130 --> 00:06:20,740
Vendar vam ni treba navesti
Dolžina niz dot

110
00:06:20,740 --> 00:06:23,310
stanje, in jaz plus plus.

111
00:06:23,310 --> 00:06:26,140
Lokacija Vsak potnik je
dati svoje mesto znamko.

112
00:06:26,140 --> 00:06:29,800
>> Ampak kraj znamka ni
zemljepisne širine in dolžine.

113
00:06:29,800 --> 00:06:34,575
Moramo priti do teh parametrov, ki jih
pridobivanje geometrijo, z uporabo get

114
00:06:34,575 --> 00:06:35,900
geometrijo na mesto znamke.

115
00:06:35,900 --> 00:06:39,630
In potem, ko smo geometrijo,
dobili niti zemljepisne širine ali

116
00:06:39,630 --> 00:06:42,600
dolžine, z uporabo teh funkcij.

117
00:06:42,600 --> 00:06:45,680
>> Torej, zdaj vemo, kako ugotoviti, ali
Potniki so v

118
00:06:45,680 --> 00:06:47,920
Paleto naših shuttle.

119
00:06:47,920 --> 00:06:52,050
Ko imamo tiste potnike, se bomo
želite dodati potnike, ki so

120
00:06:52,050 --> 00:06:53,140
na tem območju.

121
00:06:53,140 --> 00:06:57,580
Želimo, da se jim omogoči, da hop na in
usedite na naši shuttle, ampak samo

122
00:06:57,580 --> 00:06:59,640
če imamo dovolj prostora za njih.

123
00:06:59,640 --> 00:07:04,120
>> Shuttle dot sedeži matrika bo
navesti, ali so sedeži prazna, ali

124
00:07:04,120 --> 00:07:05,890
kdo je v tem sedežu.

125
00:07:05,890 --> 00:07:11,170
Torej, če je sedež prazen, potem
ta sedež bo nič.

126
00:07:11,170 --> 00:07:15,930
Torej ponovitev čez sedežev matrike,
preverjanje praznih sedežev, shranjevanje

127
00:07:15,930 --> 00:07:20,020
potniki v teh sedežev, dokler ne
nimam več praznih sedežev.

128
00:07:20,020 --> 00:07:23,330
In na žalost, vsi drugi potniki
bodo morali počakati

129
00:07:23,330 --> 00:07:26,000
Naslednjič, ko shuttle pride okoli.

130
00:07:26,000 --> 00:07:30,280
>> Ko pridejo na raketoplana, bomo želeli
da se odstranijo svoje mesto znamko, ki

131
00:07:30,280 --> 00:07:32,540
je njihova fotografija v 3D svetu.

132
00:07:32,540 --> 00:07:38,030
Če bi želel odstraniti kraj znamke p,
potem bi dobili vse funkcije

133
00:07:38,030 --> 00:07:42,790
iz moje zemlje, iz Google Earth,
in nato odstranite, da v določenem kraju

134
00:07:42,790 --> 00:07:45,910
označiti s funkcijo removeChild.

135
00:07:45,910 --> 00:07:51,360
Potem pa na koncu, kaj je odstraniti marker,
ikona na 2D zemljevidu za katerokoli

136
00:07:51,360 --> 00:07:53,650
Potnik, ki smo jih pobral.

137
00:07:53,650 --> 00:07:59,790
Če želite odstraniti marker, M, potem bom
samo izvršitev m dot setMap null.

138
00:07:59,790 --> 00:08:02,920
Ali to za vse potnike, ki so v dosegu,
in ste končali pickup.

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