1
00:00:02,260 --> 00:00:04,100
Tidak, saya sudah membersihkan apakah Anda bermain catur?

2
00:00:04,150 --> 00:00:08,590
Jatuh lagi karena Anda menyimpulkan adalah modul penyegaran cepat.

3
00:00:09,010 --> 00:00:14,980
Saya akan terjun ke konsep tidak merekam dan itulah cara bekerja dengan kode sinkron.

4
00:00:15,520 --> 00:00:20,110
Dan untuk itu, kita, pertama-tama harus mengerti apa itu kode asinkron.

5
00:00:20,530 --> 00:00:25,340
Katakanlah saya mengatur timer dengan set timeout, yang merupakan fungsi yang dibangun ke simpul J.

6
00:00:25,350 --> 00:00:26,850
S di sana.

7
00:00:27,520 --> 00:00:31,380
Kami mendefinisikan fungsi yang harus dijalankan setelah penghitung waktu tertentu kedaluwarsa.

8
00:00:31,870 --> 00:00:33,580
Di sini, saya akan menggunakan fungsi panah.

9
00:00:33,880 --> 00:00:36,100
Anda bisa menggunakan fungsi bernama, apa pun yang Anda suka.

10
00:00:37,060 --> 00:00:38,620
Argumen kedua adalah timer.

11
00:00:38,650 --> 00:00:39,850
Katakanlah dua detik.

12
00:00:40,090 --> 00:00:41,710
Anda mengekspresikannya dalam milidetik.

13
00:00:41,830 --> 00:00:46,250
Jadi dua detik adalah dua ribu milidetik di dalamnya.

14
00:00:47,540 --> 00:00:48,190
Semua hanya terkunci.

15
00:00:48,260 --> 00:00:49,710
Timer selesai.

16
00:00:52,670 --> 00:00:58,490
Jika saya sekarang menjalankan file ini selama dua detik, tidak ada yang terjadi dan kemudian kita melihat Taimur selesai.

17
00:00:59,360 --> 00:01:05,060
Sekarang ini kode asinkron karena kode itu tidak langsung selesai dan bahkan akan menjadi kode kirim jika kita

18
00:01:05,060 --> 00:01:06,680
punya satu milidetik di sana.

19
00:01:06,770 --> 00:01:12,520
Jadi jika ini super cepat, itu tidak terjadi segera dalam langkah kode kita.

20
00:01:12,520 --> 00:01:15,350
Ini seperti jika kita memiliki kunci konsol.

21
00:01:16,590 --> 00:01:17,100
Halo.

22
00:01:19,020 --> 00:01:20,460
Dan log konsol.

23
00:01:22,400 --> 00:01:28,790
Hai, kedua snippet ini adalah kode Synchronoss karena mereka dieksekusi setelah satu sama lain, namun secara teknis,

24
00:01:28,790 --> 00:01:32,120
tentu saja, Noad akan membutuhkan waktu untuk menjalankannya.

25
00:01:32,300 --> 00:01:35,750
Tetapi tidak ada penundaan selain perangkat keras Anda.

26
00:01:35,840 --> 00:01:39,020
Jadi bisa dikatakan, dan karena itu melakukan kode Synchronoss.

27
00:01:39,260 --> 00:01:45,110
Ini adalah kode sakit, tidak sinkron karena tidak dapat dijalankan atau segera diselesaikan.

28
00:01:45,260 --> 00:01:47,930
Dibutuhkan sedikit waktu, bahkan jika itu sangat singkat.

29
00:01:49,000 --> 00:01:55,340
Dan memang, jika saya mengeksekusi file ini seperti ini, Anda melihat helo dan tinggi sebelum Anda melihat Taimur

30
00:01:55,520 --> 00:02:04,580
selesai, meskipun sangat cepat karena tidak ada G. S. dan JavaScript pada umumnya tidak memblokir eksekusi kode Anda

31
00:02:04,580 --> 00:02:05,660
sampai selesai.

32
00:02:06,260 --> 00:02:11,630
Memang, di sini ia akan mengenali fungsi panggilan balik ini.

33
00:02:11,990 --> 00:02:13,740
Jadi fungsi harus dijalankan.

34
00:02:13,760 --> 00:02:18,120
Di masa depan, itu harus memanggil kembali nanti setelah selesai.

35
00:02:18,140 --> 00:02:24,470
Jadi begitu penghitung waktu ini kedaluwarsa di sini, itu hanya akan mengenali itu dan kemudian akan segera

36
00:02:24,470 --> 00:02:30,740
pindah ke baris berikutnya dan akan menjalankan semua kode sinkron dan kemudian jalankan kode async Anda.

37
00:02:30,800 --> 00:02:36,890
Setelah ini selesai, itulah mengapa kita melihat seberapa rendah dan tinggi dulu, meskipun dalam kode kita waktu selesai dicetak

38
00:02:36,890 --> 00:02:37,820
terlebih dahulu.

39
00:02:38,270 --> 00:02:43,380
Dan itu adalah konsep penting yang harus Anda pahami dalam JavaScript dan khususnya simpul.

40
00:02:43,700 --> 00:02:47,110
Dan saya akan kembali ke itu sepanjang kursus karena itu sangat penting.

41
00:02:48,520 --> 00:02:54,430
Sekarang, ketika bekerja dengan hutang dan semuanya meningkat menjadi dua detik, sekali lagi, untuk membuatnya lebih jelas, maka Anda

42
00:02:54,430 --> 00:02:56,740
akan melihat lagi kode sinkronisasi kami berjalan.

43
00:02:56,920 --> 00:02:58,990
Dan kemudian setelah dua detik, kode ini berjalan.

44
00:02:59,650 --> 00:03:05,380
Saat bekerja dengan kode async, kami mendapatkan beberapa teknik yang baik, menanganinya.

45
00:03:06,280 --> 00:03:12,320
Fungsi callback adalah satu, yang tertua, dan Anda akan melihatnya sedikit, terutama perhatikan G. S ..

46
00:03:12,680 --> 00:03:20,350
Tidak ada yang salah dengan itu, tetapi Anda akan menghadapi masalah jika Anda memiliki beberapa operasi async tergantung.

47
00:03:20,980 --> 00:03:22,870
Jadi di sini kita mengatur timer.

48
00:03:23,300 --> 00:03:27,280
Dan sekarang katakanlah saya membuat fungsi lain.

49
00:03:29,920 --> 00:03:32,270
Yang akan saya beri nama Ambil Data.

50
00:03:34,390 --> 00:03:40,390
Dan di sana, saya juga hanya akan mengatur timer, karena saya tidak ingin mengatur beberapa basis data atau sesuatu seperti itu di mana kami

51
00:03:40,510 --> 00:03:43,520
mengambil data dari, kami akan melakukan semua itu untuk semua saja.

52
00:03:43,720 --> 00:03:44,110
Tentu saja.

53
00:03:44,120 --> 00:03:44,620
Jangan khawatir.

54
00:03:45,250 --> 00:03:51,310
Jadi di sini lagi, saya punya timer lain di sana yang membutuhkan waktu satu setengah detik.

55
00:03:52,940 --> 00:03:59,610
Dan sekarang di sini di Ambil Data, saya perlu beberapa cara, well, melakukan sesuatu.

56
00:03:59,640 --> 00:04:01,250
Kapan waktu batin selesai?

57
00:04:01,730 --> 00:04:07,190
Jadi di sini saya benar-benar akan mengharapkan argumen yang akan saya sebut panggilan balik, karena argumen ini akan

58
00:04:07,190 --> 00:04:07,820
berfungsi.

59
00:04:08,090 --> 00:04:12,740
Saya akhirnya akan memanggil fungsi batin saya di sini setelah saya selesai dengan timer.

60
00:04:13,340 --> 00:04:14,360
Dan di sana saya bisa lewat.

61
00:04:14,390 --> 00:04:18,320
Dilakukan sebagai nilai mengetahui tempat di mana penggunaan mengambil data.

62
00:04:18,380 --> 00:04:20,490
Katakanlah itu di dalam set ini.

63
00:04:20,510 --> 00:04:20,730
Waktu.

64
00:04:20,930 --> 00:04:21,410
Panggilan.

65
00:04:22,540 --> 00:04:24,610
Saya memanggil mengambil data seperti ini di sana.

66
00:04:24,760 --> 00:04:27,140
Saya sekarang harus lulus dan tidak pernah menelepon kembali.

67
00:04:27,940 --> 00:04:28,540
Dan di sini.

68
00:04:29,690 --> 00:04:34,040
Saya akan mendapatkan teks yang dilewati oleh panggilan balik dalam fungsi saya ketika dieksekusi.

69
00:04:34,550 --> 00:04:38,930
Jadi kita akan mendapatkan beberapa teks di sini dan saya dapat menghibur mengunci teks itu.

70
00:04:39,970 --> 00:04:44,890
Sekarang, ini mungkin terlihat membingungkan pada akhirnya di sini, saya membuat fungsi saya sendiri, yang

71
00:04:45,160 --> 00:04:50,950
mendapat panggilan balik sehingga saya dapat mendefinisikan fungsi yang harus dijalankan ingin pengatur waktu ini dilakukan dari tempat lain.

72
00:04:51,010 --> 00:04:55,450
Jadi dari tempat ini di sini, apakah fungsi yang secara efektif dilewatkan sebagai panggilan balik.

73
00:04:55,830 --> 00:04:57,490
Dan saya menjalankan fungsi itu di sini.

74
00:04:58,330 --> 00:05:00,460
Sekarang, jika saya menyimpan menjalankan itu.

75
00:05:01,790 --> 00:05:04,680
Membutuhkan dua detik, maka waktu penghitung waktu ini selesai.

76
00:05:04,730 --> 00:05:06,770
Dan setelah satu setengah detik, saya melihat selesai.

77
00:05:07,460 --> 00:05:15,170
Sekarang, jika kita memiliki beberapa panggilan async bersarang, seperti yang kita miliki di sini, kita pergi lebih dalam dan lebih dalam dari perspektif

78
00:05:15,170 --> 00:05:15,980
panggilan balik.

79
00:05:16,790 --> 00:05:21,990
Dan itulah sebabnya kami selalu memiliki fitur yang disebut Janji, yang dapat kami gunakan.

80
00:05:22,010 --> 00:05:22,760
Tidak ada kesempatan.

81
00:05:23,570 --> 00:05:27,710
Sekarang, seringkali kita akan menggunakan paket pihak ketiga yang sudah menggunakan janji untuk kita.

82
00:05:28,400 --> 00:05:32,810
Jadi sintaks yang akan saya tunjukkan sekarang adalah yang Anda jarang harus menulis sendiri.

83
00:05:33,260 --> 00:05:35,840
Itu akan dilakukan oleh paket di belakang layar.

84
00:05:36,350 --> 00:05:39,680
Masih senang mengetahui Anda membuat janji.

85
00:05:40,900 --> 00:05:43,450
Di dalam fungsi data yang diambil, Anda, katakanlah.

86
00:05:44,800 --> 00:05:50,050
Dengan menyimpannya dalam konstanta atau variabel dan kemudian dengan menggunakan kata kunci baru, yang Anda gunakan dalam

87
00:05:50,050 --> 00:05:52,660
JavaScript untuk membuat objek baru berdasarkan konstruktor.

88
00:05:53,110 --> 00:05:56,860
Jika fungsi konstruktor adalah sesuatu yang tidak memberi tahu Anda apa-apa.

89
00:05:57,190 --> 00:06:04,030
Lihatlah beberapa sumber pengenalan dasar untuk JavaScript karena fungsi konstruktor adalah fitur inti dalam

90
00:06:04,150 --> 00:06:04,930
JavaScript.

91
00:06:05,680 --> 00:06:11,650
Dan di sini ia menggunakan fungsi konstruktor janji, yang dibangun dalam JavaScript dan tidak ada G. S ..

92
00:06:12,970 --> 00:06:18,660
Dan sebenarnya juga membutuhkan panggilan kembali, yang sampai ke argumen, menyelesaikan dan menolak.

93
00:06:18,850 --> 00:06:21,640
Anda bisa menamainya sesuka Anda, tetapi ini adalah dua fungsi.

94
00:06:22,180 --> 00:06:25,360
Dan yang pertama berhasil memenuhi janji itu.

95
00:06:25,450 --> 00:06:27,250
Ini berhasil menyelesaikannya.

96
00:06:27,640 --> 00:06:31,170
Yang kedua menolaknya, yang seperti melempar kesalahan.

97
00:06:32,140 --> 00:06:34,870
Anda kemudian mengambil kode async Anda dan memindahkannya ke sana.

98
00:06:35,170 --> 00:06:37,840
Dan lagi, Anda jarang harus menulis ini sendiri.

99
00:06:38,110 --> 00:06:43,420
Sebagian besar paket sudah melakukan itu untuk Anda dan memberi Anda janji yang sudah selesai, yang melakukan semua keajaiban di balik

100
00:06:43,420 --> 00:06:45,160
layar yang tersembunyi jauh dari Anda.

101
00:06:45,610 --> 00:06:46,690
Di sini kita melakukannya secara manual.

102
00:06:47,200 --> 00:06:48,510
Jadi sekarang dan ayah menelepon kembali.

103
00:06:48,520 --> 00:06:51,690
Kami memiliki set fungsi kami sendiri.

104
00:06:51,710 --> 00:06:55,020
Sayangnya, time out tidak memberi kami API janji.

105
00:06:55,030 --> 00:06:56,830
Jadi di sini kita semua harus menggunakan panggilan balik.

106
00:06:57,430 --> 00:06:58,300
Tetapi di mereka.

107
00:07:00,240 --> 00:07:04,860
Kita sekarang tahu tidak lagi menggunakan fungsi panggilan balik yang kita dapatkan.

108
00:07:04,950 --> 00:07:07,190
Saya tidak mendapatkan argumen di sini dan mengambil data lagi.

109
00:07:07,770 --> 00:07:09,900
Sebaliknya, di sini saya menyelesaikannya.

110
00:07:10,230 --> 00:07:11,160
Selesai, katakanlah.

111
00:07:11,520 --> 00:07:16,670
Jadi saya berhasil kembali untuk menyelesaikan nilai sekarang dalam mengambil data.

112
00:07:17,100 --> 00:07:20,520
Setelah mendefinisikan janji, kita hanya harus mengembalikannya.

113
00:07:21,060 --> 00:07:23,910
Dan harap dicatat, ini adalah kode sinkron.

114
00:07:24,240 --> 00:07:30,480
Jadi sebenarnya ini akan dikembalikan segera setelah janji dibuat sebelum untuk kode dalam menjalankan janji,

115
00:07:30,480 --> 00:07:35,640
yang akan terjadi beberapa saat kemudian ketika kita benar-benar memanggil fungsi itu.

116
00:07:35,820 --> 00:07:37,590
Dan saat ini Odyn selesai.

117
00:07:38,250 --> 00:07:40,110
Jadi sekarang kita mengembalikan janji itu di sini.

118
00:07:40,590 --> 00:07:45,450
Dan di tempat kami memanggil data yang diambil, kami sekarang tidak lagi menerima panggilan balik.

119
00:07:45,810 --> 00:07:51,900
Tapi sekarang kita bisa menggunakan itu, yang bisa dipanggil dengan janji dan kita mengembalikan janji.

120
00:07:53,490 --> 00:07:59,880
Dan ini hanya memungkinkan kita untuk sekarang mendefinisikan yang disebut fungsi di sini, yang akan dieksekusi setelah

121
00:07:59,910 --> 00:08:00,780
janji terselesaikan.

122
00:08:04,040 --> 00:08:05,610
Sekarang, apa kelebihannya?

123
00:08:06,420 --> 00:08:08,430
Jika kita memiliki banyak janji seperti itu.

124
00:08:09,970 --> 00:08:16,540
Jadi katakanlah cold fetch data lagi dan kemudian saya tidak perlu menggunakan seperti ini.

125
00:08:17,750 --> 00:08:20,640
Dan karena itu, saya akan berakhir dengan bersarang.

126
00:08:22,110 --> 00:08:23,210
Telepon balik lagi.

127
00:08:24,280 --> 00:08:30,820
Tetapi sebaliknya, di dalam sebuah janji dan kemudian blok adalah bagian dari sebuah janji.

128
00:08:31,180 --> 00:08:39,220
Saya hanya bisa mengembalikan janji baru dan kemudian menambahkan blok berikutnya kemudian setelah yang sebelumnya.

129
00:08:41,020 --> 00:08:41,650
Seperti ini.

130
00:08:42,310 --> 00:08:44,740
Jadi sekarang kita memiliki rantai, lalu blokir.

131
00:08:45,160 --> 00:08:50,290
Yang ini dipanggil pada janji pertama, lalu di blok itu saya mengembalikan janji lain.

132
00:08:50,680 --> 00:08:54,120
Dan bahkan jika itu tidak memberi kita insentif insentif.

133
00:08:54,280 --> 00:08:58,780
Kemudian memblokir kembali itu akan mengubahnya menjadi janji yang langsung diselesaikan.

134
00:08:59,350 --> 00:09:03,700
Dan kemudian kita tambahkan lagi blok lalu, yang sekarang merujuk pada janji ini di sini.

135
00:09:04,410 --> 00:09:08,680
Dan ini lebih mudah dibaca daripada memiliki callback bersarang tak terhingga.

136
00:09:09,460 --> 00:09:11,020
Jadi sekarang jika saya menjalankan itu kita lihat.

137
00:09:11,050 --> 00:09:11,350
Halo.

138
00:09:11,350 --> 00:09:11,770
Hai.

139
00:09:12,160 --> 00:09:13,150
Timer selesai.

140
00:09:13,690 --> 00:09:14,410
Kami selesai.

141
00:09:14,680 --> 00:09:17,500
Dan kami melihatnya selesai lagi karena saya menelepon mengambil data dua kali.

142
00:09:18,490 --> 00:09:22,330
Jadi ini mungkin sulit untuk membungkus kepala Anda untuk pertama kalinya.

143
00:09:22,690 --> 00:09:23,590
Kami akan menggunakannya kembali.

144
00:09:23,590 --> 00:09:26,050
Ikuti kursus ini dan itu akan menjadi lebih jelas.

145
00:09:26,380 --> 00:09:35,140
Sekali lagi, kode ini sebagian besar tidak ditulis oleh Anda, tetapi ini adalah konsep penting yang membuat kode async kami lebih

146
00:09:35,350 --> 00:09:36,640
mudah dikelola.

147
00:09:37,420 --> 00:09:40,420
Selalu ada cara lain untuk mengelola async ini.

148
00:09:40,460 --> 00:09:46,330
Tunggu dua kata kunci khusus yang dapat Anda gunakan dalam JavaScript modern, dan saya akan memiliki bagian terpisah tentang hal

149
00:09:46,330 --> 00:09:47,830
ini menjelang akhir kursus.

150
00:09:48,130 --> 00:09:53,590
Saya ingin memperkenalkannya di sini karena sebenarnya bisa lebih membingungkan daripada sintaksis ini.

151
00:09:53,860 --> 00:09:55,300
Dan saya ingin tetap pada yang ini.

152
00:09:55,320 --> 00:09:58,750
Jangan terlalu banyak memperkenalkan fitur baru pada saat yang bersamaan di sini.

153
00:09:59,680 --> 00:10:02,290
Kode Async adalah sesuatu yang harus Anda pahami.

154
00:10:02,530 --> 00:10:08,230
Dan jika itu tidak sepenuhnya jelas sekarang, itu baik-baik saja, meskipun Anda akan melihat banyak perubahan,

155
00:10:08,290 --> 00:10:11,510
karena kami memiliki banyak peristiwa tidak sinkron dalam kesempatan.

156
00:10:12,130 --> 00:10:14,710
Dan saya akan menjelaskan ini beberapa kali.

157
00:10:14,950 --> 00:10:17,080
Saya juga akan menjelaskan janji lagi.

158
00:10:17,380 --> 00:10:23,380
Saya hanya ingin memastikan bahwa Anda telah melihat ini sekarang dan bahwa Anda kemudian memiliki kesempatan untuk memahami

159
00:10:23,380 --> 00:10:25,870
ini, cara kerjanya, dan bagaimana kami menghadapinya.