1
00:00:00,000 --> 00:00:03,840
>> [Παίζει μουσική]

2
00:00:03,840 --> 00:00:05,770

3
00:00:05,770 --> 00:00:08,690
>> DOUG LLOYD: Έτσι, από τώρα είμαστε παλιά
επαγγελματίες στο web προγραμματισμό, σωστά;

4
00:00:08,690 --> 00:00:12,140
Και έχουμε καλύψει διάφορες
γλώσσες σε μεμονωμένα βίντεο.

5
00:00:12,140 --> 00:00:14,690
Και τώρα ας κάνουμε ένα ακόμη, το JavaScript.

6
00:00:14,690 --> 00:00:17,370
>> Πρώτα τα καλά νέα, το JavaScript
είναι ένα σύγχρονο προγραμματισμό

7
00:00:17,370 --> 00:00:21,410
γλώσσα μοιάζει πολύ με του οποίου την PHP
σύνταξη προέρχεται από C,

8
00:00:21,410 --> 00:00:22,830
έτσι ώστε να είναι ένα καλό μέρος για να ξεκινήσετε.

9
00:00:22,830 --> 00:00:25,880
Είναι περίπου τόσο παλιά όσο και η PHP, καθώς και,
αφού εδώ και περίπου 20 χρόνια.

10
00:00:25,880 --> 00:00:28,600
Ήταν εφευρέθηκε γύρω
Την ίδια στιγμή η PHP.

11
00:00:28,600 --> 00:00:32,240
Και JavaScript είναι στην πραγματικότητα αρκετά
θεμελιώδους σημασίας για την εμπειρία του χρήστη

12
00:00:32,240 --> 00:00:32,740
του ιστού.

13
00:00:32,740 --> 00:00:34,448
Στην πραγματικότητα, υπάρχουν
τριών γλωσσών που

14
00:00:34,448 --> 00:00:38,480
Θα έλεγα το είδος του μακιγιάζ της
εμπειρία του χρήστη να αλληλεπιδρά

15
00:00:38,480 --> 00:00:42,650
με την ιστοσελίδα, html,
CSS και JavaScript.

16
00:00:42,650 --> 00:00:46,030
Και έτσι τώρα ας μιλήσουμε
λίγο για το JavaScript.

17
00:00:46,030 --> 00:00:50,301
>> Τα άσχημα νέα, όμως, είναι με JavaScript
ότι θέτει πολλούς κανόνες για τον εαυτό της,

18
00:00:50,301 --> 00:00:51,300
και στη συνέχεια να τους παραβιάζει.

19
00:00:51,300 --> 00:00:54,010
Και την Javascript μπορεί πραγματικά να είναι
είδος δύσκολο να μάθουν,

20
00:00:54,010 --> 00:00:57,000
επειδή είναι σε αντίθεση με C και
PHP, η οποία είναι πολύ δομημένη

21
00:00:57,000 --> 00:01:00,270
και έχουν πολύ άκαμπτοι κανόνες
για το πώς τα πράγματα μπορούν να λειτουργήσουν.

22
00:01:00,270 --> 00:01:03,690
JavaScript έχει είδος
του πάρει τόσο ευέλικτο

23
00:01:03,690 --> 00:01:06,650
ότι ίσως τα πράγματα δεν πρόκειται να
λειτουργεί με τον τρόπο που τους περιμένουν να,

24
00:01:06,650 --> 00:01:09,830
και ίσως πραγματικά δεν μπορούν να μάθουν
πρώτη μας γλώσσα προγραμματισμού

25
00:01:09,830 --> 00:01:10,769
ως το JavaScript.

26
00:01:10,769 --> 00:01:12,810
Έτσι, ίσως επειδή δεν το κάνει
έθεσε κάποιοι κανόνες,

27
00:01:12,810 --> 00:01:15,754
και πραγματικά δεν το κάνει
εφαρμοστεί η ορθή κωδικοποίησης συνήθειες.

28
00:01:15,754 --> 00:01:18,170
Αλλά τώρα έχουμε αναπτύξει ελπίζουμε
κάποιες καλές συνήθειες κωδικοποίησης,

29
00:01:18,170 --> 00:01:21,470
και έτσι μπορούμε να αρχίσουμε να επιδρομή
σε JavaScript λίγο.

30
00:01:21,470 --> 00:01:25,750
>> Για να γράψετε το JavaScript, παρόμοιο με το άνοιγμα
μέχρι ένα αρχείο C με μια τελεία Γ επέκταση

31
00:01:25,750 --> 00:01:29,770
ή ένα αρχείο PHP με μια επέκταση της PHP τελεία,
το μόνο που χρειάζεται να κάνετε είναι να ανοίξετε ένα αρχείο

32
00:01:29,770 --> 00:01:31,764
με την τελεία JS επέκταση αρχείου.

33
00:01:31,764 --> 00:01:34,430
Δεν χρειάζεται να έχει κάποια ιδιαίτερη
διαχωριστικά όπως κάναμε στην PHP.

34
00:01:34,430 --> 00:01:36,750
Αυτό το είδος της γωνίας
βραχίονα ερωτηματικό PHP

35
00:01:36,750 --> 00:01:40,300
ότι έχουμε συνηθίσει από αυτό, με τον τρόπο
λέμε πρόγραμμα περιήγησής μας ότι αυτό που έχουμε είναι

36
00:01:40,300 --> 00:01:43,502
JavaScript είναι με τη συμπερίληψη
το σε έναν html tag,

37
00:01:43,502 --> 00:01:46,210
και θα δούμε λίγο για
πώς να το κάνουμε αυτό σε μια στιγμή.

38
00:01:46,210 --> 00:01:48,210
>> Το άλλο πράγμα που καθιστά
JavaScript διαφορετικά,

39
00:01:48,210 --> 00:01:50,580
όμως, είναι ότι τρέχει πλευρά του πελάτη.

40
00:01:50,580 --> 00:01:53,430
Έτσι, υπενθυμίζουν ότι με την PHP
δεν θα μπορούσαμε ποτέ πραγματικά να δείτε

41
00:01:53,430 --> 00:01:57,041
η PHP που υπογράμμισε μια ιστοσελίδα.

42
00:01:57,041 --> 00:01:59,040
Αν έχουμε δει ποτέ το
σελίδα πηγή, θα θέλαμε μόνο

43
00:01:59,040 --> 00:02:02,830
δείτε το html που ήταν
θα προέλθουν από αυτήν την PHP.

44
00:02:02,830 --> 00:02:04,900
Αλλά το JavaScript τρέχει πλευρά του πελάτη.

45
00:02:04,900 --> 00:02:06,710
Το JavaScript σας τρέχει στον υπολογιστή σας.

46
00:02:06,710 --> 00:02:09,050
Και γι 'αυτό μπορείτε να κάνετε
πράγματα, όπως να προσθέσετε αποκλειστές.

47
00:02:09,050 --> 00:02:09,550
Δικαίωμα?

48
00:02:09,550 --> 00:02:12,704
Φραγή διαφημίσεων γίνεται συνήθως με
θανάτωση όλων των JavaScript

49
00:02:12,704 --> 00:02:14,370
που εκτελείται σε μια συγκεκριμένη ιστοσελίδα.

50
00:02:14,370 --> 00:02:19,000
Και επειδή αυτό θα πρέπει να
τρέχει από την πλευρά του πελάτη του μηχανήματος σας,

51
00:02:19,000 --> 00:02:21,910
μπορείτε να σταματήσετε μόνο η
Javascript για τρέξιμο εξ ολοκλήρου.

52
00:02:21,910 --> 00:02:27,030
Αυτό σημαίνει επίσης ότι όταν χρησιμοποιείτε
μια ιστοσελίδα που περιλαμβάνει JavaScript,

53
00:02:27,030 --> 00:02:32,450
θα πρέπει να στείλετε την πηγή JavaScript
Κωδικός ως μέρος της απόκρισης HTTP σας

54
00:02:32,450 --> 00:02:34,159
στον πελάτη, όταν το ζητούν.

55
00:02:34,159 --> 00:02:35,950
Και έτσι ίσως δεν
θέλετε να χρησιμοποιήσετε το JavaScript

56
00:02:35,950 --> 00:02:38,395
να κάνει τα πράγματα πολύ ευαίσθητα
όπως το πέρασμα των πληροφοριών

57
00:02:38,395 --> 00:02:41,020
σχετικά με τους κωδικούς πρόσβασης των χρηστών πλάτη και
εμπρός, επειδή είναι στην πραγματικότητα

58
00:02:41,020 --> 00:02:45,610
πρόκειται να λάβει όλα του πηγαίου κώδικα,
όχι μόνο η HTML που δημιουργείται,

59
00:02:45,610 --> 00:02:49,030
όπως θα ήταν η περίπτωση με το λόγο της PHP.

60
00:02:49,030 --> 00:02:51,620
>> Επομένως, πώς θα περιλαμβάνουν το JavaScript
σε html μας για να αρχίσει με;

61
00:02:51,620 --> 00:02:54,520
Λοιπόν, παρόμοιο με CSS, στην πραγματικότητα,
είναι είδος για το πώς να το κάνουμε εδώ.

62
00:02:54,520 --> 00:02:56,190
Με CSS έχουμε ετικέτες στυλ.

63
00:02:56,190 --> 00:03:00,760
Και μέσα από αυτές τις ετικέτες στυλ,
μπορούμε να ορίσουμε ένα φύλλο στυλ CSS.

64
00:03:00,760 --> 00:03:03,450
Ομοίως με JavaScript
μπορούμε να ανοίξουμε ετικέτες δεσμών ενεργειών,

65
00:03:03,450 --> 00:03:06,660
μια άλλη ετικέτα HTML δεν το κάναμε
μιλάμε για το βίντεο σε html μας,

66
00:03:06,660 --> 00:03:09,720
και να γράψει το JavaScript στον
μεταξύ αυτών των ετικετών σενάριο.

67
00:03:09,720 --> 00:03:13,960
Επίσης όμως, όπως CSS, εμείς
Θα μπορούσε να συνδεθεί σε εξωτερικό CSS αρχεία

68
00:03:13,960 --> 00:03:15,900
και να τους τραβήξει στο πρόγραμμά μας με αυτόν τον τρόπο.

69
00:03:15,900 --> 00:03:18,280
Με CSS μπορούμε επίσης,
με συγχωρείτε, με JavaScript

70
00:03:18,280 --> 00:03:23,240
Μπορούμε επίσης να καθορίσετε την πηγή
ιδιότητα της ετικέτας του σεναρίου

71
00:03:23,240 --> 00:03:25,720
να συνδεθούν σε JavaScript
ξεχωριστά, έτσι ώστε να μην

72
00:03:25,720 --> 00:03:27,680
Πρέπει να το γράψετε στο
μεταξύ των ετικετών σενάριο, εμείς

73
00:03:27,680 --> 00:03:29,600
μπορεί να συνδεθεί με τη χρήση
ότι ετικέτα script, καθώς και.

74
00:03:29,600 --> 00:03:33,230
Και ακριβώς όπως με την περίπτωση με CSS όπου
συνιστούμε ότι ήταν πιθανώς

75
00:03:33,230 --> 00:03:36,090
προς το συμφέρον σας να γράψετε
CSS σας σε ένα ξεχωριστό αρχείο, σε περίπτωση

76
00:03:36,090 --> 00:03:38,500
θα πρέπει να το αλλάξετε,
Ομοίως εμείς προτείνουμε

77
00:03:38,500 --> 00:03:40,720
ότι έχετε γράψει σας
JavaScript σε ξεχωριστά αρχεία

78
00:03:40,720 --> 00:03:45,460
και να χρησιμοποιήσετε την πηγή ετικέτες σενάριο
αποδίδουν για να δέσει το JavaScript σας

79
00:03:45,460 --> 00:03:49,520
σε html σας, την ιστοσελίδα σας.

80
00:03:49,520 --> 00:03:52,610
>> Έτσι JavaScript μεταβλητές, θα
αρχίσουμε να μιλάμε για τη σύνταξη εδώ.

81
00:03:52,610 --> 00:03:53,600
Και θα περάσει
Αυτό το είδος του γρήγορα,

82
00:03:53,600 --> 00:03:56,640
επειδή έχουμε κάνει αυτό σε PHP, έτσι
Αυτό θα πρέπει όλοι να είναι αρκετά εξοικειωμένοι.

83
00:03:56,640 --> 00:03:59,490
Έτσι, οι μεταβλητές είναι σε JavaScript
πολύ παρόμοια με PHP μεταβλητές.

84
00:03:59,490 --> 00:04:03,270
Δεν υπάρχει κανένας τύπος προσδιοριστή, και
όταν σας παρουσιάσουμε μια μεταβλητή,

85
00:04:03,270 --> 00:04:05,070
μπορείτε να το πρόθεμα με τη λέξη-κλειδί var.

86
00:04:05,070 --> 00:04:07,750
Στην PHP θα κάνουμε κάτι
όπως αυτό, το σύμβολο του δολαρίου x.

87
00:04:07,750 --> 00:04:09,950
Αυτό είναι το πώς θα αναγράφεται
μια μεταβλητή, αλλά όχι,

88
00:04:09,950 --> 00:04:12,060
Δεν αναφέρω τον τύπο
της μεταβλητής καθόλου.

89
00:04:12,060 --> 00:04:15,124
Θα πω κάτι σαν
σύμβολο του δολαρίου το x ισούται με 44 στην PHP.

90
00:04:15,124 --> 00:04:17,040
Αν κάναμε το
ίδιο πράγμα σε JavaScript,

91
00:04:17,040 --> 00:04:19,589
θα λέγαμε var x ισούται με 44.

92
00:04:19,589 --> 00:04:22,780
Έτσι var είναι το είδος του τρόπου μας
της εισαγωγής μιας μεταβλητής.

93
00:04:22,780 --> 00:04:26,850
Αυτό είναι ίσως λίγο πιο διαισθητικό
απλώς σύμβολο του δολαρίου μεταβλητή.

94
00:04:26,850 --> 00:04:29,080
>> Πάλι, δεδομένου ότι δεν υπάρχει
τύπους δεδομένων, θα μπορούσαμε να το κάνουμε αυτό

95
00:04:29,080 --> 00:04:34,490
με οποιοδήποτε τύπο δεδομένων, χορδές,
οτιδήποτε άλλο θα είναι όλα var.

96
00:04:34,490 --> 00:04:37,260
Υποθετικοί, όλοι μας
παλιούς φίλους από το C και PHP

97
00:04:37,260 --> 00:04:41,640
είναι ακόμα διαθέσιμα, έτσι έχουμε αν,
else if, αλλιώς, διακόπτη και ερώτηση

98
00:04:41,640 --> 00:04:42,240
σήμα του παχέος εντέρου.

99
00:04:42,240 --> 00:04:45,890
Διακόπτης υπόλοιπες τόσο ευέλικτο όσο το
ήταν σε PHP, αλλά όλα αυτά είστε

100
00:04:45,890 --> 00:04:46,930
εξοικειωμένοι με την μέχρι τώρα.

101
00:04:46,930 --> 00:04:49,900
Και ομοίως με θηλιές είναι
τα παλιά αγαπημένα της, ενώ,

102
00:04:49,900 --> 00:04:52,700
ενώ κάνει, και για ακόμη στη διάθεσή μας.

103
00:04:52,700 --> 00:04:55,880
Έτσι, ήδη γνωρίζουμε πολλά από τα
βασικές JavaScript είδος των μεγεθών

104
00:04:55,880 --> 00:05:01,800
ακριβώς λόγω του ότι έχουν πολύ λίγο
της γνώσης τώρα περίπου C και PHP.

105
00:05:01,800 --> 00:05:03,670
>> Τι γίνεται με τις λειτουργίες σε JavaScript;

106
00:05:03,670 --> 00:05:08,199
Λοιπόν, παρόμοια με PHP κάθε λειτουργία είναι
εισάγεται με τη λέξη-κλειδί λειτουργία.

107
00:05:08,199 --> 00:05:10,740
Λέτε λειτουργία, και στη συνέχεια να
αρχίζουν να ορίσετε τη λειτουργία σας.

108
00:05:10,740 --> 00:05:12,531
Τι είναι λίγο διαφορετικό
περίπου JavaScript,

109
00:05:12,531 --> 00:05:15,700
αν και είναι η ικανότητα να έχουμε
αυτό που ονομάζεται μια ανώνυμη λειτουργία.

110
00:05:15,700 --> 00:05:18,880
Έτσι, μπορείτε να ορίσετε λειτουργίες
ότι δεν έχουν όνομα.

111
00:05:18,880 --> 00:05:21,222
Αυτό είναι κάτι που
Πραγματικά δεν έχω ξαναδεί.

112
00:05:21,222 --> 00:05:23,430
Θα χρησιμοποιήσουμε πραγματικά την έννοια
ενός ανώνυμου λειτουργίας

113
00:05:23,430 --> 00:05:27,880
λίγο αργότερα σε αυτό το
βίντεο, γιατί αυτό θα

114
00:05:27,880 --> 00:05:31,530
κάνει λίγο περισσότερο νόημα στο πλαίσιο
όταν το βλέπουμε σε μια συγκεκριμένη κατάσταση

115
00:05:31,530 --> 00:05:33,120
ότι έχω δημιουργημένο εδώ.

116
00:05:33,120 --> 00:05:35,710
Αλλά ας ρίξουμε μια ματιά
σε ό, τι ένα απλό JavaScript

117
00:05:35,710 --> 00:05:37,850
λειτουργία μπορεί να μοιάζει.

118
00:05:37,850 --> 00:05:40,610
>> Έτσι έχω πάει μπροστά και να
άνοιξε CS50 IDE μου

119
00:05:40,610 --> 00:05:43,690
και έχω ήδη τρέχει Apache
να αρχίσει server μου τρέξιμο.

120
00:05:43,690 --> 00:05:46,800
Και έχω αυτό το αρχείο
ανοίγουν ονομάζεται home.html.

121
00:05:46,800 --> 00:05:48,330
Και εγώ θα κάνετε ζουμ σε λίγο εδώ.

122
00:05:48,330 --> 00:05:52,090
Και βασικά, μπορείτε να δείτε το
Home.html είναι απλώς ένα μάτσο κουμπιά.

123
00:05:52,090 --> 00:05:55,291
Και είμαι υποστηρίζοντας στην κορυφή εδώ
ότι αυτό είναι το τμήμα JavaScript

124
00:05:55,291 --> 00:05:55,790
υλικά.

125
00:05:55,790 --> 00:05:59,490
Έτσι, υπάρχει μια δέσμη των κουμπιών εδώ,
αλλά τι αυτά τα κουμπιά πραγματικά να κάνουμε;

126
00:05:59,490 --> 00:06:03,662
>> Λοιπόν, εμείς θα το κεφάλι πάνω σε IED μου,
και έχω home.html ανοίξει εδώ.

127
00:06:03,662 --> 00:06:05,620
Στην αρχή,
Εδώ είναι όπου είμαι σύνδεση

128
00:06:05,620 --> 00:06:07,500
σε όλα τα JavaScript αρχεία προέλευσης μου.

129
00:06:07,500 --> 00:06:08,000
Δικαίωμα?

130
00:06:08,000 --> 00:06:12,440
Έτσι έχω anonymous.js, clock.js,
Είμαι χρησιμοποιώντας το χαρακτηριστικό πηγής

131
00:06:12,440 --> 00:06:14,440
της ετικέτας σενάριο για τη σύνδεση στο αρχείο.

132
00:06:14,440 --> 00:06:18,660
Γι 'αυτό και δεν έχω γράψει οποιοδήποτε
Το JavaScript απευθείας σε αυτό το αρχείο,

133
00:06:18,660 --> 00:06:21,790
αλλά έχω τραβήξει σε όλα τα
Το JavaScript έχω γράψει χωριστά.

134
00:06:21,790 --> 00:06:24,540
Και αν μετακινηθείτε προς τα κάτω εδώ, αυτό
Πρέπει όλοι να δούμε κάπως εξοικειωμένοι

135
00:06:24,540 --> 00:06:27,090
με ένα μικρό κομμάτι της νέας σύνταξης.

136
00:06:27,090 --> 00:06:32,655
Έχουμε εδώ header ετικέτα για
λειτουργίες και, στη συνέχεια, ένα κουμπί.

137
00:06:32,655 --> 00:06:35,530
Έχω μια είσοδο που είναι ένα κουμπί τύπου,
και προφανώς όταν το κλικ,

138
00:06:35,530 --> 00:06:38,130
Πάω να καλέσω μερικούς
λειτουργούν σήμερα σε εγρήγορση.

139
00:06:38,130 --> 00:06:41,792
Και αυτό είναι το πώς μπορούμε να το είδος της μπερδέψετε
λίγο JavaScript και HTML.

140
00:06:41,792 --> 00:06:44,500
Στην πραγματικότητα παίζουν πολύ όμορφα
μαζί, και έτσι προφανώς όταν

141
00:06:44,500 --> 00:06:48,730
Κάνω κλικ σε αυτό το κουμπί, θα πάω
να καλέσει κάποια ημερομηνία ειδοποίησης λειτουργία.

142
00:06:48,730 --> 00:06:53,660
Και ομοίως έχω ορίζεται συμπεριφορές
για όλα τα άλλα κουμπιά που

143
00:06:53,660 --> 00:06:56,440
είναι σε αυτή τη σελίδα home.html,
η οποία θα κρατήσει την επιστροφή

144
00:06:56,440 --> 00:06:59,172
με κατά τη διάρκεια αυτού του βίντεο.

145
00:06:59,172 --> 00:07:00,880
Αλλά ας πάμε πίσω μέχρι
εδώ και ρίξτε μια ματιά

146
00:07:00,880 --> 00:07:03,850
σε clock.js, η οποία είναι η
Αρχείο JavaScript που έχω

147
00:07:03,850 --> 00:07:07,370
έγραψε ότι έχει αυτή την πρώτη λειτουργία
θα πάμε να ρίξουμε μια ματιά στο.

148
00:07:07,370 --> 00:07:11,630
Όπως μπορείτε να δείτε, αρχίζω JavaScript μου
Με τη λειτουργία λέξη-κλειδί,

149
00:07:11,630 --> 00:07:14,560
και έχω δώσει αυτό το
όνομα, λέγεται ημερομηνία ειδοποίησης.

150
00:07:14,560 --> 00:07:18,710
Στο εσωτερικό του υπάρχει, προφανώς θέλω να δημιουργήσετε ένα
νέα τοπική μεταβλητή που ονομάζεται τρέχουσα ημερομηνία.

151
00:07:18,710 --> 00:07:21,500
Και Πάω να αναθέσει
ίσος με νέα ημερομηνία.

152
00:07:21,500 --> 00:07:24,430
Και θα μπορούσαμε να πάρουμε σε πολλά
λεπτομέρεια ως προς το τι είναι μια ημερομηνία,

153
00:07:24,430 --> 00:07:27,060
και πραγματικά είναι τόσο JavaScript
μεγάλη που δεν μπορούμε ενδεχομένως

154
00:07:27,060 --> 00:07:28,330
καλύψει τα πάντα σε ένα βίντεο.

155
00:07:28,330 --> 00:07:32,220
Αλλά αρκεί να πούμε, αυτό θα
να επιστρέψει σε μένα ένα στοιχείο δεδομένων τα οποία

156
00:07:32,220 --> 00:07:35,470
συμπυκνώνει την τρέχουσα ημερομηνία και ώρα.

157
00:07:35,470 --> 00:07:39,100
Είμαι αποθήκευση ότι σε μια μεταβλητή που είμαι
προφανώς πρόκειται να ειδοποιήσει την τρέχουσα ημερομηνία.

158
00:07:39,100 --> 00:07:41,300
>> Λοιπόν, τι κάνει συναγερμού
τρέχουσα ημερομηνία βλέμμα αρέσει;

159
00:07:41,300 --> 00:07:46,460
Ας ρίξουμε μια ματιά στο ίδιο το αρχείο
πλάτη πάνω στο παράθυρο του browser.

160
00:07:46,460 --> 00:07:49,551
Έτσι και πάλι, αυτό είναι το κουμπί ότι I
έχουν συνδέσει με, αυτή που ονομάζεται λειτουργία.

161
00:07:49,551 --> 00:07:51,800
Και κάνω κλικ εκεί και
Κοιτάξτε τι έκανε, θα ειδοποιηθούν.

162
00:07:51,800 --> 00:07:56,140
Το έσκασε αυτό το είδος του κουτιού λέει
μένα ότι η τρέχουσα ώρα είναι, προφανώς

163
00:07:56,140 --> 00:07:59,370
είναι Νοέμβριος 4 στο
10:43:43 το πρωί.

164
00:07:59,370 --> 00:08:02,345
Και αν κάνω κλικ ξανά, τώρα
Είναι λίγα δευτερόλεπτα αργότερα, σωστά;

165
00:08:02,345 --> 00:08:03,720
Έτσι όλα αυτά η λειτουργία αυτή.

166
00:08:03,720 --> 00:08:07,670
Όταν κάνω κλικ σε αυτό το κουμπί, το
αναδύεται ένα μήνυμα προειδοποίησης για μένα.

167
00:08:07,670 --> 00:08:13,806

168
00:08:13,806 --> 00:08:15,690
Έτσι, δεν υπάρχει πραγματικά
πάρα πολύ με τις λειτουργίες

169
00:08:15,690 --> 00:08:19,110
αυτό είναι διαφορετικό από την PHP,
μόνο ένα μικρό κομμάτι της νέας σύνταξης

170
00:08:19,110 --> 00:08:22,500
ότι έρχεται με την εργασία με JavaScript.

171
00:08:22,500 --> 00:08:24,650
>> Πίνακες σε JavaScript είναι
αρκετά απλή.

172
00:08:24,650 --> 00:08:27,200
Για να δηλώσετε έναν πίνακα, μπορείτε να χρησιμοποιήσετε
η σύνταξη αγκύλες

173
00:08:27,200 --> 00:08:30,090
ότι είμαστε εξοικειωμένοι με από την PHP.

174
00:08:30,090 --> 00:08:33,432
Και παρόμοια με την PHP, μπορούμε
Επίσης, μπορείτε να συνδυάζετε διαφορετικούς τύπους δεδομένων.

175
00:08:33,432 --> 00:08:35,140
Έτσι, αυτή η διάταξη, τόσο
αυτών των πινάκων θα

176
00:08:35,140 --> 00:08:36,960
είναι απολύτως θεμιτό το JavaScript.

177
00:08:36,960 --> 00:08:42,500
Ένας που είναι όλα ακέραιοι, και ένα που
αναμειγνύονται διάφοροι τύποι δεδομένων.

178
00:08:42,500 --> 00:08:45,020
>> Τι είναι κάτι πολύ διαφορετικό
σε JavaScript, όμως;

179
00:08:45,020 --> 00:08:47,020
Αυτή είναι η έννοια ενός αντικειμένου.

180
00:08:47,020 --> 00:08:50,240
Έτσι, ίσως έχετε ακούσει
αντικειμενοστρεφή προγραμματισμό.

181
00:08:50,240 --> 00:08:53,370
Εμείς δεν κάνουμε πολλά από αυτά σε CS50,
αλλά θα κάνουμε ένα μικρό κομμάτι από αυτό

182
00:08:53,370 --> 00:08:55,670
εδώ, στο πλαίσιο της JavaScript.

183
00:08:55,670 --> 00:08:59,100
Τώρα το JavaScript έχει τη δυνατότητα να
συμπεριφέρονται ως αντικειμενοστραφή προγραμματισμό

184
00:08:59,100 --> 00:09:02,615
γλώσσα, αλλά δεν είναι το ίδιο
αποκλειστικά ένα αντικείμενο προσανατολισμένο

185
00:09:02,615 --> 00:09:03,490
γλώσσα προγραμματισμού.

186
00:09:03,490 --> 00:09:05,281
Και αυτό έρχεται και πάλι
πίσω, γιατί είπα,

187
00:09:05,281 --> 00:09:10,610
μπορεί να είναι πολύ δύσκολο να μάθετε
JavaScript ως πρώτη προγραμματισμού σας

188
00:09:10,610 --> 00:09:13,890
γλώσσα, επειδή δεν
ταιριάζουν πραγματικά ένα συγκεκριμένο παράδειγμα.

189
00:09:13,890 --> 00:09:16,430
>> C από την άλλη πλευρά είναι μια
λειτουργική γλώσσα προγραμματισμού.

190
00:09:16,430 --> 00:09:22,270
Αν θέλουμε, οι λειτουργίες είναι
το είδος της μεγάλο αφεντικό άνθρωπος, έτσι δεν είναι;

191
00:09:22,270 --> 00:09:24,410
Υπαγορεύουν τι
Συμβαίνει ό, τι άλλο.

192
00:09:24,410 --> 00:09:26,600
Θέλουμε να αλλάξουμε τις μεταβλητές,
καλούμε λειτουργίες.

193
00:09:26,600 --> 00:09:28,220
Εμείς κάνουμε τα πράγματα να λειτουργεί.

194
00:09:28,220 --> 00:09:31,250
Αντικείμενα αντ 'αυτού, σε μια
αντικειμενοστρεφή γλώσσα,

195
00:09:31,250 --> 00:09:35,937
αντικείμενα είδος γίνει το αστέρι και
λειτουργίες είναι το είδος της δευτεροβάθμιας.

196
00:09:35,937 --> 00:09:38,270
Αλλά αυτό είναι ένα αντικείμενο, τι
Είναι αυτή η έννοια ενός αντικειμένου;

197
00:09:38,270 --> 00:09:40,880
Λοιπόν, αν αυτό βοηθάει, σκεφτείτε
γι 'αυτό κατά την πρώτη ταξινόμηση

198
00:09:40,880 --> 00:09:44,540
σαν μια δομή C ή ένα struct
ότι έχουμε μάθει για το παρελθόν.

199
00:09:44,540 --> 00:09:47,430
Στην C, μια δομή περιέχει
ένας αριθμός πεδίων,

200
00:09:47,430 --> 00:09:51,174
και ίσως τώρα μπορεί να αρχίσει να
ονομάζουν αυτά τα πεδία ιδιότητες.

201
00:09:51,174 --> 00:09:53,590
Αλλά οι ιδιότητες ποτέ πραγματικά
σταθούν στα δικά τους, σωστά;

202
00:09:53,590 --> 00:09:56,410
Αν ορίσω μια δομή για ένα αυτοκίνητο
όπως αυτό με τα ακόλουθα δύο

203
00:09:56,410 --> 00:10:00,750
πεδία ή ιδιότητες, η μία
ακέραιο για το έτος του αυτοκινήτου

204
00:10:00,750 --> 00:10:04,290
και ένα άλλο 10 χαρακτήρων
κορδόνι για το μοντέλο του αυτοκινήτου,

205
00:10:04,290 --> 00:10:07,150
Μπορώ να πω κάτι τέτοιο,
Μπορώ να δηλώσω μια νέα μεταβλητή

206
00:10:07,150 --> 00:10:10,080
του τύπου struct Herbie αυτοκίνητο.

207
00:10:10,080 --> 00:10:13,730
Και τότε μπορώ να πω κάτι
όπως ισούται herbie.year 1963,

208
00:10:13,730 --> 00:10:15,850
και herbie.model ισούται Beetle.

209
00:10:15,850 --> 00:10:17,000
Δεν πειράζει.

210
00:10:17,000 --> 00:10:19,680
Είμαι χρησιμοποιώντας τα πεδία στο
πλαίσιο της δομής,

211
00:10:19,680 --> 00:10:22,290
αλλά εγώ δεν θα μπορούσε ποτέ μόνο
πει κάτι σαν αυτό.

212
00:10:22,290 --> 00:10:22,790
Δικαίωμα?

213
00:10:22,790 --> 00:10:26,836
Δεν μπορώ να χρησιμοποιήσω το όνομα του πεδίου
ανεξάρτητη της δομής.

214
00:10:26,836 --> 00:10:28,210
Είναι κάτι σαν βασικό πράγμα.

215
00:10:28,210 --> 00:10:32,990
>> Έτσι τομείς είναι
θεμελιώδους σημασίας για τις δομές C

216
00:10:32,990 --> 00:10:39,050
είναι πολύ παρόμοια με τις ιδιότητες που είναι
θεμελιώδους σημασίας για την JavaScript αντικείμενα.

217
00:10:39,050 --> 00:10:42,080
Αλλά αυτό που τους κάνει
ιδιαίτερα ενδιαφέρουσα

218
00:10:42,080 --> 00:10:46,230
είναι ότι τα αντικείμενα μπορούν επίσης να έχουν ό, τι
καλούνται μεθόδους, οι οποίες είναι πραγματικά

219
00:10:46,230 --> 00:10:50,730
απλά μια φανταχτερή λέξη για λειτουργίες που
είναι σύμφυτα με το αντικείμενο, καθώς και.

220
00:10:50,730 --> 00:10:55,340
Έτσι είναι μια λειτουργία που μπορεί να είναι μόνο
που ονομάζεται στο πλαίσιο ενός αντικειμένου.

221
00:10:55,340 --> 00:10:59,200
Μόνο ένα αντικείμενο που έχει οριστεί
Αυτή η λειτουργία του εσωτερικού του,

222
00:10:59,200 --> 00:11:02,020
εάν σκέφτεστε για ένα
struct, η συνάρτηση

223
00:11:02,020 --> 00:11:05,720
ορίζεται μέσα εκείνα που ορίζει
άγκιστρα της δομής.

224
00:11:05,720 --> 00:11:07,980
Έτσι, αυτό σημαίνει μόνο κάτι
με τη δομή.

225
00:11:07,980 --> 00:11:10,960
Και αυτό είναι το είδος του τι κάνουμε
εδώ με τα αντικείμενα και τις μεθόδους.

226
00:11:10,960 --> 00:11:13,580
Είναι βασικά σαν να είμαστε
ορίζει μια λειτουργία που

227
00:11:13,580 --> 00:11:16,670
έχει νόημα μόνο σε ένα
συγκεκριμένο αντικείμενο, και έτσι

228
00:11:16,670 --> 00:11:19,440
καλούν ότι μία μέθοδος του αντικειμένου.

229
00:11:19,440 --> 00:11:23,180
Και δεν μπορούμε ποτέ να καλέσετε ότι
λειτουργία ανεξάρτητα του αντικειμένου,

230
00:11:23,180 --> 00:11:29,260
όπως ακριβώς δεν μπορούμε να πούμε το έτος ή μοντέλο
ανεξάρτητα από το struct στο C.

231
00:11:29,260 --> 00:11:32,300
>> Έτσι λειτουργικό προγραμματισμό
παραδείγματα δούμε κάτι σαν αυτό.

232
00:11:32,300 --> 00:11:35,450
Λειτουργία και στη συνέχεια, όταν περνάτε
στο αντικείμενο ως παράμετρο.

233
00:11:35,450 --> 00:11:38,650
Σε μια αντικειμενοστραφή προγραμματισμό
γλώσσες, αυτό το είδος της παίρνει

234
00:11:38,650 --> 00:11:43,464
γυρίσει, και εμείς θα σκεφτεί
αρέσει αυτό, object.function.

235
00:11:43,464 --> 00:11:45,380
Γι 'αυτό το είδος της εν λόγω dot
χειριστής και πάλι υπονοώντας

236
00:11:45,380 --> 00:11:49,540
ότι είναι κάποιο είδος του ακινήτου
ή χαρακτηριστικό του ίδιου του αντικειμένου.

237
00:11:49,540 --> 00:11:53,240
Αλλά αυτό είναι ό, τι ένα αντικείμενο
γλώσσα προγραμματισμού

238
00:11:53,240 --> 00:11:57,150
θα μπορούσε να κάνει για να κάνει μια λειτουργία
καλέσει μια μέθοδο, και πάλι, η οποία

239
00:11:57,150 --> 00:12:00,260
είναι απλώς μια ειδική λέξη για μια συνάρτηση
ότι είναι εγγενής σε ένα αντικείμενο.

240
00:12:00,260 --> 00:12:03,440
Αυτό είναι ό, τι ότι
σύνταξη μπορεί να μοιάζει.

241
00:12:03,440 --> 00:12:09,360
Και έτσι θα αρχίσουμε να βλέπουμε μερικά από τα
αυτό στο πλαίσιο της JavaScript.

242
00:12:09,360 --> 00:12:12,470
>> Μπορείτε επίσης να σκεφτείτε για ένα αντικείμενο
περίπου όπως ένα associative πίνακα,

243
00:12:12,470 --> 00:12:14,160
το οποίο είμαστε εξοικειωμένοι με από την PHP.

244
00:12:14,160 --> 00:12:17,720
Θυμηθείτε μια συνειρμική σειρά επιτρέπει
να έχουμε βασικά ζευγάρια αξίας, αντί

245
00:12:17,720 --> 00:12:23,040
έχουν δείκτες 0, ένα, δύο, τρία,
και ούτω καθεξής, όπως έχουμε συνηθίσει από το C

246
00:12:23,040 --> 00:12:23,940
συστοιχίες.

247
00:12:23,940 --> 00:12:27,472
Συνειρμική συστοιχίες μπορούν να χαρτογραφήσουν
λέξεις, όπως στο βίντεο PHP,

248
00:12:27,472 --> 00:12:29,180
μιλούσαμε για
καλύμματα από πίτσες.

249
00:12:29,180 --> 00:12:31,180
Και έτσι είχαμε μια σειρά
που ονομάζεται πίτσες, και εμείς

250
00:12:31,180 --> 00:12:36,670
είχε τυρί ήταν ένα βασικό και $ 8,99 ήταν η
αξίας, και, στη συνέχεια, πεπερόνι ήταν βασικό,

251
00:12:36,670 --> 00:12:39,190
$ 9.99 ήταν μια τιμή, και ούτω καθεξής.

252
00:12:39,190 --> 00:12:43,300
Και έτσι μπορούμε να σκεφτούμε ένα
αντιρρήσεις είδος παρόμοιο με μια συνειρμική

253
00:12:43,300 --> 00:12:43,840
παράταξη.

254
00:12:43,840 --> 00:12:47,020
Και έτσι αυτή η σύνταξη εδώ
θα δημιουργήσει ένα νέο αντικείμενο

255
00:12:47,020 --> 00:12:50,950
που ονομάζεται Herbie με δύο
ιδιότητες στο εσωτερικό του.

256
00:12:50,950 --> 00:12:57,310
Έτος, η οποία λαμβάνει την τιμή 1963,
και το μοντέλο, το οποίο έχει εκχωρηθεί το string

257
00:12:57,310 --> 00:12:58,140
Σκαθάρι.

258
00:12:58,140 --> 00:13:01,770
>> Και εδώ παρατηρήσετε ότι είμαι με τη χρήση
μονά εισαγωγικά σε JavaScript.

259
00:13:01,770 --> 00:13:05,570
Μπορείτε να χρησιμοποιήσετε μονά ή διπλά εισαγωγικά
όταν μιλάμε για χορδές.

260
00:13:05,570 --> 00:13:07,772
Είναι απλά συμβατικά
η υπόθεση ότι τις περισσότερες φορές

261
00:13:07,772 --> 00:13:10,230
όταν γράφετε το JavaScript,
μπορείτε να χρησιμοποιήσετε μόνο μονά εισαγωγικά.

262
00:13:10,230 --> 00:13:15,050
Αλλά θα μπορούσα να χρησιμοποιήσω διπλά εισαγωγικά εδώ, και
ότι θα ήταν απολύτως εντάξει επίσης.

263
00:13:15,050 --> 00:13:17,470
>> Έτσι θυμηθείτε πως στο
PHP είχαμε αυτή την ιδέα

264
00:13:17,470 --> 00:13:22,730
από ένα για κάθε βρόχο που θα μας επιτρέψει
για να μετακινηθείτε πάνω από όλα την τιμή του κλειδιού

265
00:13:22,730 --> 00:13:25,270
ζεύγη από ένα συνδυαστικό
σειρά, γιατί

266
00:13:25,270 --> 00:13:29,050
δεν έχουν αυτή την ικανότητα να επαναλάβει
μέσω 0, ένα, δύο, τρία, τέσσερα,

267
00:13:29,050 --> 00:13:30,710
και ούτω καθεξής?

268
00:13:30,710 --> 00:13:35,010
JavaScript έχει κάτι πολύ παρόμοιο,
αλλά αυτό δεν λέγεται για κάθε βρόχο,

269
00:13:35,010 --> 00:13:38,960
αυτό λέγεται στο βρόχους.

270
00:13:38,960 --> 00:13:42,890
Έτσι, αν είπα να μου αρέσει
Αυτό, για τα βασικά var στο αντικείμενο,

271
00:13:42,890 --> 00:13:48,670
αυτό είναι το είδος της είναι παρόμοια με το ρητό
για κάθε κάτι σαν κάτι.

272
00:13:48,670 --> 00:13:53,850
Αλλά όλα τα κάνω εδώ την επανάληψη
μέσω όλων των κλειδιών του αντικειμένου μου.

273
00:13:53,850 --> 00:13:56,070
Και στο εσωτερικό της σγουρά
τιράντες εκεί, θα ήθελα

274
00:13:56,070 --> 00:14:03,410
χρησιμοποιήστε αντικείμενο κλειδί αγκύλες αναφορά
με την αξία στην εν λόγω θέση κλειδί.

275
00:14:03,410 --> 00:14:05,400
>> Εναλλακτικά, υπάρχει
ακόμα και μια άλλη προσέγγιση.

276
00:14:05,400 --> 00:14:10,880
Αν ήμουν ακριβώς νοιάζονται μόνο για το
αξίες, μπορώ να πω για τα βασικά του αντικειμένου,

277
00:14:10,880 --> 00:14:12,360
και απλά χρησιμοποιήστε το κλειδί μέσα.

278
00:14:12,360 --> 00:14:17,240
Έτσι, για το κλειδί var στο αντικείμενο, έχω
να χρησιμοποιήσει το αντικείμενο αγκύλες

279
00:14:17,240 --> 00:14:19,340
κλειδί μέσα στο βρόχο.

280
00:14:19,340 --> 00:14:24,580
Για το κλειδί var του αντικειμένου, μπορώ
απλά χρησιμοποιήστε το κλειδί μέσα στο βρόχο,

281
00:14:24,580 --> 00:14:29,040
γιατί είμαι μόλις ειδικά
μιλάμε για τις αξίες εκεί.

282
00:14:29,040 --> 00:14:32,630
>> Ας ίσως χρειαστούν
δείτε τη διαφορά

283
00:14:32,630 --> 00:14:35,670
απλά για να σας δείξει γρήγορα
η διαφορά μεταξύ τεσσάρων

284
00:14:35,670 --> 00:14:40,730
σε και για του με μια πολύ συγκεκριμένη
σειρά, την οποία έχουμε εδώ, εβδομάδα πίνακα.

285
00:14:40,730 --> 00:14:43,616
Γι 'αυτό πρέπει να βρούμε μια νέα σειρά
ότι γέμισα με επτά χορδές,

286
00:14:43,616 --> 00:14:46,240
ΔΕΥΤΕΡΑ ΤΡΙΤΗ ΤΕΤΑΡΤΗ,
Πέμπτη, Παρασκευή, Σάββατο, Κυριακή.

287
00:14:46,240 --> 00:14:50,530
Και θέλω να επαναλάβει τώρα
μέσω αυτής της διάταξης,

288
00:14:50,530 --> 00:14:53,090
εκτύπωση ορισμένες πληροφορίες.

289
00:14:53,090 --> 00:14:58,780
Αν μπορώ να χρησιμοποιήσω ένα στο βρόχο
να εκτυπώσετε πληροφορίες,

290
00:14:58,780 --> 00:15:00,710
τι νομίζεις ότι είμαι πρόκειται να πάρει;

291
00:15:00,710 --> 00:15:01,710
Λοιπόν, ας ρίξουμε μια ματιά.

292
00:15:01,710 --> 00:15:05,300
Και πριν πηδήξει πάνω
σε παράθυρο του browser μου,

293
00:15:05,300 --> 00:15:08,090
απλά να ξέρετε ότι
console.log είναι ένα είδος του

294
00:15:08,090 --> 00:15:10,630
τρόπος για να γίνει ένα F εκτύπωσης σε JavaScript.

295
00:15:10,630 --> 00:15:12,040
Αλλά τι είναι η κονσόλα;

296
00:15:12,040 --> 00:15:14,940
Λοιπόν, αυτό είναι που θα πάμε
να πάτε να ρίξετε μία ματιά σε αυτή τη στιγμή.

297
00:15:14,940 --> 00:15:16,850
>> Εντάξει, έτσι είμαστε πάλι εδώ
στο παράθυρο του browser μου,

298
00:15:16,850 --> 00:15:19,410
και Πάω να ανοίξετε
up εργαλεία για προγραμματιστές μου.

299
00:15:19,410 --> 00:15:22,290
Και πάλι, είμαι απλώς το χτύπημα F12
να ανοίξει τα εργαλεία για την ανάπτυξη.

300
00:15:22,290 --> 00:15:25,670
Και εδώ παρατηρούμε ότι κατά τη
top Έχω επιλέξει κονσόλα.

301
00:15:25,670 --> 00:15:28,480
Έτσι, αυτή είναι η έννοια
μιας κονσόλας προγραμματιστή,

302
00:15:28,480 --> 00:15:30,500
και θα μας επιτρέψει να
εκτυπώσετε πληροφορίες έξω,

303
00:15:30,500 --> 00:15:33,000
περίπου όπως το τερματικό, αλλά
όπως θα δείτε λίγο αργότερα,

304
00:15:33,000 --> 00:15:37,720
μπορούμε επίσης να πληκτρολογήσετε πληροφορίες
να αλληλεπιδρούν με την ιστοσελίδα μας.

305
00:15:37,720 --> 00:15:42,320
Πάω να μεγεθύνετε σε λίγο εδώ,
και είμαι gonna τώρα κάντε κλικ εδώ και στο τεστ.

306
00:15:42,320 --> 00:15:45,230
Και στις τέσσερις test-- εγώ δεν είμαι gonna
σας δείξει τον κώδικα για αυτό τώρα,

307
00:15:45,230 --> 00:15:47,479
αλλά θα το πάρετε αν
κατεβάσετε τον πηγαίο κώδικα που

308
00:15:47,479 --> 00:15:50,380
σχετίζεται με αυτό το video--
Είναι ακριβώς ότι στο βρόχο

309
00:15:50,380 --> 00:15:52,610
ότι είδαμε μόνο ένα
Πριν από τη δεύτερη στη διαφάνεια.

310
00:15:52,610 --> 00:15:54,810
>> Έτσι είμαι gonna κάντε κλικ σε αυτό
κουμπί και εδώ,

311
00:15:54,810 --> 00:15:58,440
εδώ είναι ό, τι έχει εκτυπωθεί στο
κονσόλα, 0, ένα, δύο, τρία, τέσσερα, πέντε,

312
00:15:58,440 --> 00:15:58,940
έξι.

313
00:15:58,940 --> 00:16:02,490
Δεν είχα εκτυπώσει τις πληροφορίες
μέσα σε αυτές τις θέσεις συστοιχίας,

314
00:16:02,490 --> 00:16:05,180
γιατί χρησιμοποιείται στο βρόχο.

315
00:16:05,180 --> 00:16:10,670
Και μέσα στο σώμα του βρόχου, I
μόλις εκτυπωθούν κλειδί δεν αντιταχθεί κλειδί.

316
00:16:10,670 --> 00:16:18,600
Αλλά αν έχω πλέον σαφές κονσόλα μου, και εγώ
για να στραφούν σε δοκιμής, και τέσσερις δοκιμής

317
00:16:18,600 --> 00:16:22,500
Το λέω μπορώ να χρησιμοποιήσω για βρόχου
αντ 'αυτού και να εκτυπώσετε το κλειδί,

318
00:16:22,500 --> 00:16:28,079
αν κάνω κλικ ότι, τώρα παίρνω το
πραγματικά στοιχεία στο εσωτερικό του αντικειμένου μου

319
00:16:28,079 --> 00:16:29,120
ή σειρά μου σε αυτή την περίπτωση.

320
00:16:29,120 --> 00:16:31,760
Σειρά μου της ημέρες της εβδομάδας.

321
00:16:31,760 --> 00:16:33,480
Τύπωσα τη Δευτέρα,
ΤΡΙΤΗ ΤΕΤΑΡΤΗ.

322
00:16:33,480 --> 00:16:36,930
Έτσι, αυτή είναι η διαφορά μεταξύ
ένα στο βρόχο, η οποία εκτυπώνει

323
00:16:36,930 --> 00:16:43,410
μόνο τα κλειδιά αν απλά χρησιμοποιήστε το πλήκτρο
εσωτερικό του σώματος του βρόχου,

324
00:16:43,410 --> 00:16:46,850
και ένα για βρόχου, η οποία εκτυπώνει
από τις τιμές αν χρησιμοποιήσετε μόνο

325
00:16:46,850 --> 00:16:48,870
κλειδί μέσα στο σώμα του βρόχου.

326
00:16:48,870 --> 00:16:52,380
>> Εντάξει, πώς μπορούμε τώρα να αρχίσουμε να
ενώσετε χορδές και ίσως μπερδέψετε

327
00:16:52,380 --> 00:16:57,220
ορισμένες μεταβλητές με παρεμβολή
σαν να ήμασταν σε θέση να κάνουμε στην PHP;

328
00:16:57,220 --> 00:16:59,410
Λοιπόν, είμαστε αρκετά εξοικειωμένοι
με αυτό από την PHP.

329
00:16:59,410 --> 00:17:04,109
Αυτό είναι το πώς θα το κάνετε χρησιμοποιώντας το
dot χειριστή να ενώσετε χορδές.

330
00:17:04,109 --> 00:17:06,260
Σε JavaScript, όμως,
μπορούμε πραγματικά να χρησιμοποιήσετε κάτι

331
00:17:06,260 --> 00:17:09,290
καλείται ο χειριστής συν, το οποίο
είναι ίσως και λίγο περισσότερο

332
00:17:09,290 --> 00:17:10,470
διαισθητική, έτσι δεν είναι;

333
00:17:10,470 --> 00:17:12,609
Είμαστε προσθέτοντας ένα μάτσο
της χορδές μαζί.

334
00:17:12,609 --> 00:17:14,520
Ας το κεφάλι πίσω
πάνω και να δούμε τι είναι αυτό

335
00:17:14,520 --> 00:17:18,693
θα τυπώσει αν προσπαθούμε να εκτυπώσετε
το σύνολο των πληροφοριών σε εβδομάδες συστοιχία.

336
00:17:18,693 --> 00:17:20,859
Εντάξει, έτσι κάτω εδώ
υπό εγχόρδων συνένωσης,

337
00:17:20,859 --> 00:17:24,822
Έχω δύο επιλογές, κτίριο εγχόρδων
V1 και στη συνέχεια κτίριο εγχόρδων V2.

338
00:17:24,822 --> 00:17:26,530
Και θα δούμε γιατί εμείς
Πρέπει V2 σε ένα δευτερόλεπτο.

339
00:17:26,530 --> 00:17:28,610
Αλλά είμαι gonna κλικ στο
κορδόνι κτίριο V1, η οποία

340
00:17:28,610 --> 00:17:30,360
είναι ο κωδικός ήμασταν
απλά ρίχνοντας μια ματιά σε,

341
00:17:30,360 --> 00:17:32,980
η console.log με όλα τα πλεονεκτήματα.

342
00:17:32,980 --> 00:17:35,910
Ας δούμε αν αυτό εκτυπώσεων
τι να περιμένουμε.

343
00:17:35,910 --> 00:17:39,939
>> Η Δευτέρα είναι ημέρα αριθμός 01 της εβδομάδας,
Τρίτη είναι αριθμός ημερών 11 της εβδομάδας.

344
00:17:39,939 --> 00:17:41,730
Λοιπόν, αυτό που προσπαθούσα
να κάνει ήταν να πάρει εκεί

345
00:17:41,730 --> 00:17:46,280
να εκτυπώσετε Δευτέρα είναι ημέρα αριθμός
ένα, Τρίτη είναι ημέρα νούμερο δύο.

346
00:17:46,280 --> 00:17:50,140
Αλλά φαίνεται σαν να είμαι
Πάντα εκτύπωση ενός.

347
00:17:50,140 --> 00:17:51,260
Καλά, γιατί συμβαίνει αυτό;

348
00:17:51,260 --> 00:17:55,600
Λοιπόν, αποδεικνύεται, ρίξτε μια άλλη ματιά
σε αυτό το μικρό απόσπασμα του κώδικα εδώ.

349
00:17:55,600 --> 00:18:00,160
Παρατηρήστε ότι είμαστε με τα πλήκτρα συν
χειριστή σε δύο διαφορετικά πλαίσια.

350
00:18:00,160 --> 00:18:03,221
>> Και έτσι εδώ είναι όπου ίσως τα πράγματα
ότι έχουμε το είδος της πει,

351
00:18:03,221 --> 00:18:03,970
Ω, είναι τόσο μεγάλη.

352
00:18:03,970 --> 00:18:05,910
Εμείς δεν ασχολούνται με τύπους δεδομένων πια.

353
00:18:05,910 --> 00:18:08,220
Αλλά εδώ είναι όπου η πραγματικότητα
ότι χάνουμε τύποι δεδομένων

354
00:18:08,220 --> 00:18:10,960
μπορεί στην πραγματικότητα να είναι λίγο
πρόβλημα για εμάς.

355
00:18:10,960 --> 00:18:16,260
Τώρα που ο χειριστής συν χρησιμοποιείται για
ενώσετε χορδές και να προσθέσετε αριθμούς

356
00:18:16,260 --> 00:18:19,550
μαζί, έχει το JavaScript
να κάνει καλύτερη εικασία του

357
00:18:19,550 --> 00:18:22,030
ως προς το τι θέλω να κάνω για μένα.

358
00:18:22,030 --> 00:18:23,900
Και σε αυτή την περίπτωση, το μαντέψατε λάθος.

359
00:18:23,900 --> 00:18:29,340
Απλώς συνεχόμενα ημέρα, η οποία θα είναι
0, ένα, δύο, τρία, τέσσερα, πέντε, ή έξι,

360
00:18:29,340 --> 00:18:32,060
και στη συνέχεια απλά συνεχόμενα
αυτό και στη συνέχεια συνενώνονται μία.

361
00:18:32,060 --> 00:18:35,020
Δεν προσθέτουν στην πραγματικότητα μαζί.

362
00:18:35,020 --> 00:18:37,320
Και έτσι οι γλώσσες αυτές,
PHP και JavaScript,

363
00:18:37,320 --> 00:18:39,196
ότι αφαιρεί μακριά
αυτή η έννοια των τύπων,

364
00:18:39,196 --> 00:18:40,820
δεν χρειάζεται να ασχοληθεί με το θέμα πια.

365
00:18:40,820 --> 00:18:43,600
Κάνουν ακόμα τύπους κάτω από την κουκούλα.

366
00:18:43,600 --> 00:18:46,780
Και μπορούμε, σε καταστάσεις
όπως αυτό, αξιοποιούν το γεγονός αυτό

367
00:18:46,780 --> 00:18:49,240
λέγοντας κάτι
όπως ίσως αυτή, η οποία

368
00:18:49,240 --> 00:18:53,210
Είναι χαρακτηριστικό το JavaScript, από το
τρόπο, θεωρήσει ότι πρόκειται για έναν ακέραιο αριθμό,

369
00:18:53,210 --> 00:18:57,100
δεν το αντιμετωπίζουν ως μια σειρά, ακόμη και
αν είμαστε ανάμειξη μαζί χορδές

370
00:18:57,100 --> 00:18:58,940
και ακέραιοι εδώ.

371
00:18:58,940 --> 00:19:02,204
>> Είναι απλά ένα από εκείνα τα πράγματα
ότι φαίνεται τόσο μεγάλη σε αυτό το πλαίσιο

372
00:19:02,204 --> 00:19:04,120
ότι δεν έχουμε να
ασχολούνται με τα είδη πια,

373
00:19:04,120 --> 00:19:05,828
αλλά μερικές φορές θα
τρέχει σε μια κατάσταση

374
00:19:05,828 --> 00:19:09,110
ακριβώς σαν αυτό όπου το γεγονός ότι
που δεν έχει τον έλεγχο των τύπων

375
00:19:09,110 --> 00:19:11,220
μπορεί να αποτύχει σε σας
εάν δεν είστε προσεκτικοί.

376
00:19:11,220 --> 00:19:18,285
Και έτσι αν σκάσει πίσω πάνω στο IDE, είμαι
πρόκειται να καθαρίσει την κονσόλα μου και πάλι,

377
00:19:18,285 --> 00:19:20,660
και θα πάω να κάνετε κλικ εγχόρδων
κτίριο έκδοση δύο, η οποία

378
00:19:20,660 --> 00:19:23,052
Εκεί μπορώ να χρησιμοποιήσω τη λειτουργία αυτή μεταγλώττιση int.

379
00:19:23,052 --> 00:19:25,260
Τώρα είναι εκτύπωση
πληροφορίες που Περιμένω.

380
00:19:25,260 --> 00:19:29,330
Δευτέρα αριθμός μέρα Τρίτη
Είναι ημέρα νούμερο δύο, και ούτω καθεξής.

381
00:19:29,330 --> 00:19:31,170
>> Ας μιλήσουμε για τις λειτουργίες και πάλι.

382
00:19:31,170 --> 00:19:34,790
Υποσχέθηκα ότι θα μιλήσουμε για ανώνυμο
λειτουργίες, και τώρα το πλαίσιο γι 'αυτό

383
00:19:34,790 --> 00:19:36,360
έφτασε επιτέλους.

384
00:19:36,360 --> 00:19:39,980
Έτσι, πριν το κάνουμε αυτό, ας μιλήσουμε ξανά
για τους πίνακες για μόλις ένα δευτερόλεπτο.

385
00:19:39,980 --> 00:19:42,120
Έτσι συστοιχιών είναι μια ειδική
περίπτωση ενός αντικειμένου.

386
00:19:42,120 --> 00:19:45,180
Στην πραγματικότητα, τα πάντα στη
JavaScript είναι πραγματικά ένα αντικείμενο.

387
00:19:45,180 --> 00:19:47,190
Έτσι, οι λειτουργίες είναι ένα
ειδική περίπτωση ενός αντικειμένου,

388
00:19:47,190 --> 00:19:49,770
ακέραιοι είναι μια ειδική
περίπτωση ενός αντικειμένου,

389
00:19:49,770 --> 00:19:52,152
αλλά ειδικά συστοιχίες
έχουν έναν αριθμό μεθόδων.

390
00:19:52,152 --> 00:19:55,110
Θυμηθείτε επειδή είναι αντικείμενα,
μπορούν να έχουν ιδιότητες και μεθόδους.

391
00:19:55,110 --> 00:19:58,600
Έχουν έναν αριθμό μεθόδων που
μπορεί να εφαρμοστεί σε αυτά τα αντικείμενα.

392
00:19:58,600 --> 00:20:01,197
Υπάρχει μια μέθοδος που ονομάζεται
μέγεθος, array.size,

393
00:20:01,197 --> 00:20:03,030
η οποία θα επιστρέψει στην
σας, όπως μπορείτε να φανταστείτε

394
00:20:03,030 --> 00:20:05,120
ο αριθμός των στοιχείων του πίνακα σας.

395
00:20:05,120 --> 00:20:08,480
array.pop, περίπου όπως
αντίληψή μας σκάει από

396
00:20:08,480 --> 00:20:11,110
από μια στοίβα, αν θυμάστε
από το βίντεο στοίβες μας,

397
00:20:11,110 --> 00:20:13,810
αφαιρεί το τελευταίο στοιχείο από τη συστοιχία.

398
00:20:13,810 --> 00:20:17,110
array.push προσθέτει ένα νέο στοιχείο
στο τέλος του πίνακα.

399
00:20:17,110 --> 00:20:20,910
array.shift είναι το είδος του
όπως DQ, γιατί προσαρμόζει έξω

400
00:20:20,910 --> 00:20:23,610
το πρώτο στοιχείο ενός πίνακα.

401
00:20:23,610 --> 00:20:27,549
>> Αλλά υπάρχει και μια άλλη ειδική
μέθοδος μιας συστοιχίας που ονομάζεται χάρτη.

402
00:20:27,549 --> 00:20:29,340
Και αυτό είναι το είδος της μια
ενδιαφέρουσα ιδέα.

403
00:20:29,340 --> 00:20:30,930
Έτσι ποια είναι η ιδέα ενός χάρτη;

404
00:20:30,930 --> 00:20:33,880
Θα δείτε πραγματικά αυτό
σε πολλές άλλες γλώσσες,

405
00:20:33,880 --> 00:20:38,550
και δεν μιλάμε για ένα
το είδος των χαρτογράφων χάρτη εδώ,

406
00:20:38,550 --> 00:20:41,480
μιλάμε για μια λειτουργία χαρτογράφησης.

407
00:20:41,480 --> 00:20:44,110
Στο πλαίσιο είμαστε
εδώ μιλάμε για ένα χάρτη

408
00:20:44,110 --> 00:20:47,950
είναι μια ειδική λειτουργία εμείς
μπορούν να εκτελέσουν μια σειρά

409
00:20:47,950 --> 00:20:51,630
να εφαρμόσει μια συγκεκριμένη λειτουργία
σε κάθε στοιχείο της εν λόγω συστοιχίας.

410
00:20:51,630 --> 00:20:55,190
και γι 'αυτό θα πω
Στην περίπτωση αυτή, ίσως array.map,

411
00:20:55,190 --> 00:21:00,330
και μέσα από αυτό, είμαστε περνώντας
στο χάρτη είναι μια λειτουργία που θέλουμε

412
00:21:00,330 --> 00:21:02,430
για να εφαρμοστεί σε κάθε μεμονωμένο στοιχείο.

413
00:21:02,430 --> 00:21:07,299
Έτσι είναι το είδος του ανάλογη με τη χρήση
ένας βρόχος για να μετακινηθείτε πάνω από κάθε στοιχείο

414
00:21:07,299 --> 00:21:09,340
και να εφαρμόσει μια συγκεκριμένη
λειτουργούν σε κάθε στοιχείο,

415
00:21:09,340 --> 00:21:14,830
μόλις το JavaScript έχει ενσωματωμένο το παραπάνω
έννοια ενός χαρτογράφησης που μπορούν να εφαρμοστούν.

416
00:21:14,830 --> 00:21:19,700
Και αυτό είναι ένα μεγάλο πλαίσιο για την
μιλάμε για μια ανώνυμη συνάρτηση.

417
00:21:19,700 --> 00:21:22,370
>> Ας πούμε ότι έχουμε
Αυτή η σειρά των ακεραίων.

418
00:21:22,370 --> 00:21:25,370
Αυτό λέγεται nums, και πήρε πέντε
πράγματα σε αυτό, ένα, δύο, τρία, τέσσερα,

419
00:21:25,370 --> 00:21:26,410
πέντε.

420
00:21:26,410 --> 00:21:30,620
Τώρα θέλω να χαρτογραφήσει μερικά
συνάρτηση προς αυτήν την σειρά.

421
00:21:30,620 --> 00:21:34,337
Θέλω να έχω μια συνάρτηση ισχύουν
για κάθε στοιχείο της συστοιχίας.

422
00:21:34,337 --> 00:21:37,420
Λοιπόν, ας πούμε ότι αυτό που θέλω να
κάνετε είναι να διπλασιαστεί το σύνολο των στοιχείων.

423
00:21:37,420 --> 00:21:42,520
Τι θα μπορούσα να κάνω είναι απλά χρησιμοποιήστε ένα βρόχο
για var Ι ισούται με μηδέν, Ι είναι μικρότερη από

424
00:21:42,520 --> 00:21:47,390
ή ίσο με 4, Ι συν, συν, και
τότε διπλασιάσει κάθε αριθμό.

425
00:21:47,390 --> 00:21:49,580
Αλλά μπορώ επίσης να κάνω κάτι τέτοιο.

426
00:21:49,580 --> 00:21:53,420
Μπορώ να πω nums ήταν στο παρελθόν
Ενα δυο τρια ΤΕΣΣΕΡΑ πεντε,

427
00:21:53,420 --> 00:21:58,310
Τώρα, όμως, θα ήθελα να σας αρέσει να
εφαρμόζουν την χαρτογράφηση επί αυτής της διάταξης

428
00:21:58,310 --> 00:22:00,400
όπου θα θέλατε
να διπλασιαστεί κάθε αριθμό.

429
00:22:00,400 --> 00:22:02,540
Και αυτό είναι ακριβώς
τι συμβαινει εδω.

430
00:22:02,540 --> 00:22:06,870
Αλλά παρατηρήστε τι περνώ
σε όσο το επιχείρημα στο χάρτη.

431
00:22:06,870 --> 00:22:09,080
Αυτή είναι μια ανώνυμη λειτουργία.

432
00:22:09,080 --> 00:22:11,140
Και παρατηρήσετε Δεν έχω δώσει
Αυτή η λειτουργία είναι ένα όνομα,

433
00:22:11,140 --> 00:22:13,290
Έχω δώσει μόνο μια λίστα παραμέτρων.

434
00:22:13,290 --> 00:22:16,370
Και έτσι αυτό είναι ένα παράδειγμα
ενός ανώνυμου λειτουργία.

435
00:22:16,370 --> 00:22:21,270
>> Εμείς γενικά δεν θα αποκαλούσα αυτό
Λειτουργία έξω από το πλαίσιο του χάρτη.

436
00:22:21,270 --> 00:22:24,110
Είμαστε αυτό που ορίζει ως παράμετρος
στο χάρτη, και γι 'αυτό δεν κάνουμε πραγματικά

437
00:22:24,110 --> 00:22:27,910
Πρέπει να έχουμε ένα όνομα για το αν η
μόνο πράγμα που νοιάζονται χάρτη

438
00:22:27,910 --> 00:22:30,339
και είναι καθορισμένο δικαίωμα
υπάρχει στο εσωτερικό του χάρτη.

439
00:22:30,339 --> 00:22:31,880
Και έτσι αυτό είναι μια ανώνυμη συνάρτηση.

440
00:22:31,880 --> 00:22:34,680
Εμείς δεν μπόρεσαν
για να γίνει αυτό στο παρελθόν.

441
00:22:34,680 --> 00:22:38,400
Χάρτης κάποια λειτουργία που
δέχεται μια παράμετρο, num,

442
00:22:38,400 --> 00:22:41,890
και τι κάνει αυτή η λειτουργία
Είναι επιστρέφει NUM φορές 2.

443
00:22:41,890 --> 00:22:45,330
Και έτσι μετά από αυτό
χαρτογράφηση έχει εφαρμοστεί,

444
00:22:45,330 --> 00:22:50,090
Αυτό είναι τώρα τι nums εμφάνιση
όπως, δύο, τέσσερις, έξι, οκτώ, 10.

445
00:22:50,090 --> 00:22:52,090
Και θα σκάσει πάνω στο μου
παράθυρο του browser και απλά

446
00:22:52,090 --> 00:22:55,240
ρίξτε μια ματιά σε αυτό
πολύ γρήγορα επίσης.

447
00:22:55,240 --> 00:22:58,000
>> Γι 'αυτό και ένα άλλο κουμπί εδώ
στην αρχική σελίδα μου που ονομάζεται διπλό.

448
00:22:58,000 --> 00:23:03,570
Και όταν κάνω κλικ διπλά, και λέει
μου πριν ήταν ένα, δύο, τρία, τέσσερα,

449
00:23:03,570 --> 00:23:07,250
πέντε, μετά δύο, τέσσερις, έξι, οκτώ, 10.

450
00:23:07,250 --> 00:23:11,930
Και αν πάω πίσω και κάντε κλικ στο διπλό
πάλι, δύο, τέσσερις, έξι, οκτώ, 10.

451
00:23:11,930 --> 00:23:17,400
Και στη συνέχεια, μετά, τέσσερις,
οκτώ, 12, 16, και στη συνέχεια 20.

452
00:23:17,400 --> 00:23:20,440
Και τι κάνω σε αυτή τη λειτουργία;

453
00:23:20,440 --> 00:23:25,210
Λοιπόν, αν θέλουμε απλά να πεταχτεί πάνω στο IDE, και
Έχω σηκώσει ανώνυμα μου λειτουργία, εδώ

454
00:23:25,210 --> 00:23:28,780
on line επτά έως 13, είμαι
κάνει λίγο φανταχτερό δουλειά εδώ,

455
00:23:28,780 --> 00:23:32,240
αλλά είμαι απλώς εκτύπωση
τι είναι σήμερα στη συστοιχία.

456
00:23:32,240 --> 00:23:36,580
Στη συνέχεια, στη γραμμή 16, 17,
και 18, υπάρχει χάρτη μου.

457
00:23:36,580 --> 00:23:40,930
Αυτό είναι όπου είμαι εφαρμογή του παρόντος διπλασιασμό
λειτουργία σε κάθε μεμονωμένο στοιχείο.

458
00:23:40,930 --> 00:23:43,530
Και στη συνέχεια, λίγο πιο κάτω,
Κάνω ακριβώς το ίδιο πράγμα

459
00:23:43,530 --> 00:23:46,640
Έκανα πριν, μόνο που τώρα είμαι
εκτύπωση των περιεχομένων του πίνακα

460
00:23:46,640 --> 00:23:48,167
κατόπιν.

461
00:23:48,167 --> 00:23:50,500
Αλλά όλα έχω κάνει εδώ είναι
απλά να χρησιμοποιήσουμε μια ανώνυμη συνάρτηση

462
00:23:50,500 --> 00:23:53,640
στο χάρτη σε μια ολόκληρη σειρά.

463
00:23:53,640 --> 00:23:58,466
>> Έτσι, ένα ακόμη μεγάλο θέμα για να μιλήσουμε για
JavaScript είναι η έννοια ενός γεγονότος.

464
00:23:58,466 --> 00:24:01,590
Ένα γεγονός είναι κάτι που συμβαίνει μόνο
όταν ένας χρήστης αλληλεπιδρά με την ιστοσελίδα σας

465
00:24:01,590 --> 00:24:04,715
σελίδα, οπότε ίσως κάτι κλικ,
ή ίσως η σελίδα έχει ολοκληρωθεί η φόρτωση,

466
00:24:04,715 --> 00:24:07,200
ή ίσως έχουν μετακινηθεί
ποντίκι τους πάνω από κάτι,

467
00:24:07,200 --> 00:24:09,290
ή έχετε πληκτρολογήσει κάτι
σε ένα πεδίο εισαγωγής.

468
00:24:09,290 --> 00:24:14,260
Όλα αυτά τα πράγματα είναι γεγονότα
που εμφανίζονται στην ιστοσελίδα μας.

469
00:24:14,260 --> 00:24:17,460
Και έχει την JavaScript
ικανότητα να υποστηρίξει κάτι

470
00:24:17,460 --> 00:24:21,760
ονομάζεται ένα πρόγραμμα χειρισμού συμβάντων, η οποία
είναι μια λειτουργία επανάκλησης ότι

471
00:24:21,760 --> 00:24:23,329
ανταποκρίνεται σε μια html συμβάν.

472
00:24:23,329 --> 00:24:24,620
Και τι είναι μια λειτουργία επανάκλησης;

473
00:24:24,620 --> 00:24:27,328
Λοιπόν, αυτό είναι γενικά ακριβώς μια άλλη
όνομα για ένα ανώνυμο λειτουργία.

474
00:24:27,328 --> 00:24:30,170
Είναι μια λειτουργία που
ανταποκρίνεται σε μια εκδήλωση.

475
00:24:30,170 --> 00:24:34,130
Και αυτό είναι όπου θα έρθει να το
ιδέα της δέσμευσης ορισμένων λειτουργιών

476
00:24:34,130 --> 00:24:38,060
σε ένα συγκεκριμένο html χαρακτηριστικό.

477
00:24:38,060 --> 00:24:41,420
Τα περισσότερα στοιχεία έχουν html
υποστήριξη για ένα χαρακτηριστικό

478
00:24:41,420 --> 00:24:45,170
ότι εμείς δεν μιλάμε για το html
βίντεο για κάτι σαν το κλικ

479
00:24:45,170 --> 00:24:50,540
ή σε αιώρηση ή το φορτίο,
όλα αυτά τα γεγονότα

480
00:24:50,540 --> 00:24:53,120
ότι, στη συνέχεια, μπορείτε να γράψετε λειτουργίες
που ασχολούνται με αυτές τις εκδηλώσεις

481
00:24:53,120 --> 00:24:56,090
όταν αυτά τα γεγονότα
εμφανιστούν στην ιστοσελίδα σας.

482
00:24:56,090 --> 00:24:59,170
>> Και έτσι ίσως σας html
μοιάζει κάπως έτσι.

483
00:24:59,170 --> 00:25:02,240
Και έχω εδώ δύο κουμπιά,
ένα κουμπί και το κουμπί δύο,

484
00:25:02,240 --> 00:25:04,620
και εδώ έχω σήμερα
ορίζεται τίποτα,

485
00:25:04,620 --> 00:25:11,170
αλλά αυτό είναι όπου το χαρακτηριστικό για
κλικ είναι προφανώς μέρος της ετικέτας HTML μου.

486
00:25:11,170 --> 00:25:15,220
Έτσι, προφανώς, όταν ορίσουμε τι είναι
που πηγαίνει στο εσωτερικό του εν λόγω χαρακτηριστικού,

487
00:25:15,220 --> 00:25:18,590
πρόκειται να είναι κάποια JavaScript
λειτουργία που ανταποκρίνεται στο γεγονός

488
00:25:18,590 --> 00:25:24,360
πιθανώς να κάνετε κλικ στο
το πάτημα ενός κουμπιού ή δύο.

489
00:25:24,360 --> 00:25:28,580
>> Ποιο είναι το είδος της δροσερό γι 'αυτό είναι ότι
μπορεί να γράψει ένα γενικό πρόγραμμα χειρισμού συμβάντων.

490
00:25:28,580 --> 00:25:32,370
Και αυτή η εκδήλωση θα Handler
δημιουργήσετε ένα αντικείμενο εκδήλωσης.

491
00:25:32,370 --> 00:25:37,000
Και το αντικείμενο εκδήλωση θα μας πει
ποιο από τα δύο κουμπιά χτυπήθηκε.

492
00:25:37,000 --> 00:25:38,064
Τώρα, πώς γίνεται αυτό;

493
00:25:38,064 --> 00:25:39,730
Λοιπόν, αυτό μπορεί να μοιάζει κάπως έτσι.

494
00:25:39,730 --> 00:25:44,860
Έτσι θα ορίσουμε πρώτα κουμπιά μας
να έχουμε μια απάντηση στην επανάκλησης

495
00:25:44,860 --> 00:25:47,470
λειτουργία που θα ονομάζεται
όταν κάνετε κλικ στο κουμπί,

496
00:25:47,470 --> 00:25:49,520
θα καλέσουμε εκδήλωση όνομα συναγερμού.

497
00:25:49,520 --> 00:25:53,320
Και παρατηρήσετε και στις δύο περιπτώσεις είμαστε
περνώντας σε αυτήν την παράμετρο εκδήλωση.

498
00:25:53,320 --> 00:25:55,460
Έτσι καλούμε αυτή τη λειτουργία
ή όταν αυτή η λειτουργία

499
00:25:55,460 --> 00:26:00,330
ενεργοποιείται από το γεγονός συμβαίνει,
πρόκειται να δημιουργήσετε αυτό το αντικείμενο συμβάντος

500
00:26:00,330 --> 00:26:03,300
και να περάσει ως ένα
παράμετρος για την προειδοποίηση όνομα.

501
00:26:03,300 --> 00:26:07,270
Και αυτό είναι το αντικείμενο εκδήλωσης
θα περιέχει πληροφορίες

502
00:26:07,270 --> 00:26:09,800
για την οποία έγινε κλικ κουμπί.

503
00:26:09,800 --> 00:26:11,580
Και πώς το κάνουμε αυτό;

504
00:26:11,580 --> 00:26:13,654
Λοιπόν, αυτό μπορεί να μοιάζει κάπως έτσι.

505
00:26:13,654 --> 00:26:15,570
Έτσι, τώρα σε χωριστές μου
Αρχείο JavaScript, θα ήθελα να

506
00:26:15,570 --> 00:26:17,420
Πρέπει να βρούμε αυτό
Το όνομά λειτουργία ειδοποίησης, η οποία

507
00:26:17,420 --> 00:26:19,500
αποδέχεται και πάλι ότι η παράμετρος εκδήλωση.

508
00:26:19,500 --> 00:26:24,640
Και τότε εδώ είναι όπου είμαι ανίχνευση
ποιο κουμπί πυροδοτήθηκε,

509
00:26:24,640 --> 00:26:28,100
var ενεργοποίησης ισούται εκδήλωση
dot στοιχείο πηγή.

510
00:26:28,100 --> 00:26:33,150
Ποια ήταν η πηγή που δημιούργησε
Αυτό το αντικείμενο εκδήλωσης που ψηφίστηκε μέσα;

511
00:26:33,150 --> 00:26:36,390
Ήταν ένα κουμπί ή ήταν κουμπί δύο;

512
00:26:36,390 --> 00:26:40,710
>> Και τότε εδώ όλα τα κάνω είναι
εκτύπωση trigger.innerhtml.

513
00:26:40,710 --> 00:26:43,860
Λοιπόν, στην περίπτωση αυτή, σε αυτό
πλαίσιο, trigger.innerhtml

514
00:26:43,860 --> 00:26:45,940
Είναι ακριβώς ό, τι είναι γραμμένο στο κουμπί.

515
00:26:45,940 --> 00:26:48,830
Είναι ακριβώς έτσι συμβαίνει αν άλμα
πίσω για μια δεύτερη, ότι θα

516
00:26:48,830 --> 00:26:51,670
είναι ό, τι είναι μεταξύ αυτών των ετικετών κουμπί.

517
00:26:51,670 --> 00:26:54,150
Θα είναι το πάτημα ενός κουμπιού ή δύο.

518
00:26:54,150 --> 00:26:57,320
Και ας ρίξουμε μια ματιά
πώς αυτό θα χειρισμού συμβάντων

519
00:26:57,320 --> 00:27:01,080
εξετάσουμε αν είχαμε να τρέχει στην πράξη.

520
00:27:01,080 --> 00:27:03,850
>> Έτσι, πρώτα απ 'όλα, έχετε
άνοιξε events.js,

521
00:27:03,850 --> 00:27:06,517
το οποίο είναι το αρχείο όπου JavaScript
Έχω ορίζεται αυτή τη λειτουργία.

522
00:27:06,517 --> 00:27:08,558
Και όπως μπορείτε να δείτε, είναι
λίγο πολύ τι ακριβώς

523
00:27:08,558 --> 00:27:10,230
μόλις είδαμε στη διαφάνεια πριν από ένα δευτερόλεπτο.

524
00:27:10,230 --> 00:27:14,890
Και θα πάω να το
αρχική σελίδα έχουμε χρησιμοποιήσει.

525
00:27:14,890 --> 00:27:17,660
Και έχω εδώ το κουμπί
ένα κουμπί και δύο.

526
00:27:17,660 --> 00:27:19,820
Και εγώ θα κάντε κλικ στο κουμπί μία.

527
00:27:19,820 --> 00:27:23,930
Μπορείτε κλικ στο κουμπί μία, αν
μπορείτε να δείτε εδώ στην ειδοποίηση.

528
00:27:23,930 --> 00:27:25,810
ΕΝΤΆΞΕΙ.

529
00:27:25,810 --> 00:27:28,980
Κάντε κλικ στο κουμπί δύο, μπορείτε
κλικ σε ένα κουμπί δύο.

530
00:27:28,980 --> 00:27:32,150
>> Έτσι και τα δύο πλήκτρα έχουν το
ίδια κλήση της συνάρτησης, σωστά;

531
00:27:32,150 --> 00:27:35,840
Και οι δύο ήταν το όνομα ειδοποίησης
γεγονός, αλλά αυτό το αντικείμενο συμβάν

532
00:27:35,840 --> 00:27:41,900
που παίρνει δημιουργείται όταν κάνουμε κλικ στο
μας λέει ποιο κουμπί έχει πατηθεί.

533
00:27:41,900 --> 00:27:44,650
Εμείς δεν έχουμε να γράψω δύο ξεχωριστές
λειτουργίες ή ασχολούνται με την κατοχή

534
00:27:44,650 --> 00:27:46,470
για να περάσει κάθε συμπληρωματική πληροφορία.

535
00:27:46,470 --> 00:27:48,220
Είμαστε ακριβώς στηρίζονται σε
τι JavaScript θα

536
00:27:48,220 --> 00:27:53,772
κάνει για μας, που είναι να δημιουργηθεί η
το είδος του αντικειμένου εκδήλωση για λογαριασμό μας.

537
00:27:53,772 --> 00:27:56,730
Υπάρχει πολύ περισσότερο από ό, τι με τη JavaScript
τι καλύψαμε σε αυτό το βίντεο,

538
00:27:56,730 --> 00:27:58,521
αλλά με αυτά
θεμελιώδη θα πρέπει να έχετε

539
00:27:58,521 --> 00:28:00,690
αρκετά μεγάλο χρονικό τρόπους για να
μαθαίνοντας σας τα πάντα θα

540
00:28:00,690 --> 00:28:04,030
πρέπει να ξέρετε για αυτό
ενδιαφέρουσα γλώσσα.

541
00:28:04,030 --> 00:28:05,000
Είμαι ο Νταγκ Lloyd.

542
00:28:05,000 --> 00:28:07,010
Αυτό είναι CS50.

543
00:28:07,010 --> 00:28:09,181