Halo Penduduk! JavaScript tidak pernah semudah ini! Anda akan mempelajari semua fitur bahasa pemrograman tanpa frasa umum dan istilah yang tidak jelas. Contoh rinci, ilustrasi dan diagram akan jelas bahkan untuk pemula. Penyajian informasi yang mudah dan humor penulis yang hidup akan mengubah hafalan yang membosankan menjadi praktik penulisan kode yang menghibur. Ketika Anda mencapai bab terakhir, Anda akan meningkatkan keterampilan Anda sedemikian rupa sehingga Anda dapat memecahkan hampir semua masalah, apakah itu gerakan sederhana elemen pada halaman atau bahkan permainan browser Anda sendiri.
Berikut adalah daftar singkat dari apa yang akan Anda pelajari:
• Bagaimana mengatur kode Anda menggunakan variabel.
• Bagaimana fungsi membuat kode Anda dapat digunakan kembali.
• Bagaimana bekerja dengan loop dan kondisi.
• Apa itu lingkup global dan lokal.
• Apa itu penutupan.
• Bagaimana menulis komentar dengan benar.
• Jenis objek utama yang akan Anda temui di JavaScript.
• Cara bekerja dengan teks dan melakukan operasi string standar.
• Bagaimana menggunakan array untuk memproses daftar.
• Cara membuat objek Anda sendiri.
TENTANG PIZZA, JENIS, PRIMITIF DAN OBJEK
DALAM BAB INI:
- kami akan menganalisis esensi dan fitur objek;
- Mari berkenalan dengan tipe dasar dalam JavaScript;
- Ketahuilah bahwa pizza tidak hanya rasanya enak tetapi juga memiliki nilai pendidikan.
Saatnya untuk turun ke bisnis yang serius. Sangat serius! Dalam beberapa bab terakhir, kita telah menjelajahi berbagai nilai, termasuk: string (teks), angka, boolean (benar dan salah), fungsi, dan elemen JavaScript bawaan lainnya.
Berikut beberapa contoh untuk menyegarkan ingatan Anda:
let someText = "hello, world!";
let count = 50;
let isActive = true;
Tidak seperti bahasa lain, JavaScript memudahkan untuk mendefinisikan dan menggunakan elemen bawaan ini. Kami bahkan tidak perlu membuat rencana untuk penggunaannya di masa depan. Tetapi untuk semua kesederhanaannya, ada banyak detail tersembunyi. Dan pengetahuan mereka penting, karena tidak hanya memudahkan untuk memahami kode, tetapi juga mempercepat identifikasi penyebab kegagalan fungsi.
Seperti yang mungkin sudah Anda duga, elemen sebaris bukanlah cara terbaik untuk menggambarkan nilai berbeda yang digunakan dalam JS. Ada nama yang lebih formal untuk nilai tersebut, yaitu tipe. Dalam bab ini, kita akan memulai pengenalan yang mulus tentang esensi dan tujuan mereka.
Pergilah!
Mari kita bicara tentang pizza dulu
Karena saya terus-menerus makan sesuatu (atau memikirkan apa yang harus dimakan), saya akan mencoba menjelaskan dunia misterius jenis-jenis menggunakan contoh yang lebih sederhana - dunia pizza.
Jika Anda sudah lama tidak memakannya, izinkan saya mengingatkan Anda bagaimana tampilannya:
Tentu saja, pizza tidak muncul begitu saja seperti ini. Itu dibuat dari bahan-bahan sederhana dan kompleks:
Bahan-bahan sederhana mudah dikenali. Ini adalah jamur dan jalapenos. Alasan kami menyebutnya sederhana adalah karena mereka tidak dapat diuraikan menjadi bagian-bagian komponennya:
Mereka tidak diproduksi atau dirakit dari komponen lain.
Bahan-bahan kompleks termasuk keju, saus, adonan dasar dan pepperoni. Yang membuatnya sulit adalah karena terbuat dari bahan lain:
Sayangnya, bahan-bahan seperti keju dan pepperoni tidak pernah mudah. Untuk menyiapkannya, Anda perlu mencampur, menggoreng, dan menambahkan berbagai komponen. Selain itu, persiapannya tidak terbatas pada pencampuran bahan sederhana, tetapi mungkin juga memerlukan kombinasi kompleks.
Dari pizza ke JavaScript
Semua yang kami pelajari tentang pizza di bagian sebelumnya adalah untuk alasan yang bagus. Deskripsi bahan sederhana dan kompleks cukup berlaku untuk jenis dalam JavaScript. Setiap bahan individu dapat dianggap sebagai analog dari jenis yang dapat Anda gunakan (Gambar 12.1).
Seperti keju, saus, pepperoni, jamur, dan bacon di pizza kami, jenis dalam JavaScript adalah string, number, boolean, null, undefined, bigint. , symbol (simbol) dan Object (objek). Beberapa dari jenis ini mungkin sudah Anda kenal, beberapa mungkin belum. Kami akan mempertimbangkannya secara lebih rinci di masa mendatang, sekarang dalam tabel. 12.1 Anda dapat melihat deskripsi singkat tentang tujuan mereka.
Seperti yang bisa kita lihat, setiap jenis memiliki tujuan uniknya sendiri. Pada saat yang sama, mereka, seperti bahan pizza, juga dibagi menjadi sederhana dan kompleks. Hanya dalam terminologi JavaScript, tipe sederhana dan kompleks disebut primitif (tipe primitif) dan objek (tipe objek).
Tipe primitif termasuk string, angka, boolean, null, bigint, simbol, dan tidak terdefinisi. Nilai apa pun yang termasuk dalam yurisdiksi mereka tidak tunduk pada pembagian menjadi beberapa bagian. Mereka adalah jalapenos dan jamur di dunia JavaScript. Primitif cukup mudah untuk didefinisikan dan diformat menjadi elemen yang mudah dipahami. Tidak ada kedalaman di dalamnya, dan ketika kita bertemu dengan mereka, kita, sebagai suatu peraturan, mendapatkan apa yang kita lihat pada awalnya.
Jenis objek, direpresentasikan sebagai Objek dalam tabel di atas, lebih samar. Oleh karena itu, sebelum melanjutkan ke deskripsi detail semua jenis yang terdaftar, ada baiknya mempertimbangkan secara terpisah apa sebenarnya objek itu.
Apa itu objek?
Prinsip objek dalam bahasa pemrograman seperti JavaScript dengan sempurna menangkap analogi kehidupan nyata mereka, di mana kita semua benar-benar dikelilingi oleh objek. Ini termasuk komputer Anda, buku di rak, kentang (kontroversial), jam alarm, poster yang dipesan dari eBay, dll. Anda dapat terus dan terus.
Beberapa benda seperti pemberat kertas tidak banyak digunakan dan bisa tidak aktif untuk waktu yang lama.
Objek lain, seperti perangkat TV, sudah bergerak lebih dari sekadar keberadaan dan melakukan banyak tugas:
TV biasa menerima sinyal, memungkinkan Anda untuk menyalakan dan mematikannya, membalik saluran, menyesuaikan volume, dan banyak lagi.
Penting untuk dipahami di sini bahwa objek memiliki bentuk, ukuran, dan tujuan yang berbeda. Terlepas dari perbedaan-perbedaan ini, di tingkat atas semuanya sama dan mewakili sebuah abstraksi. Mereka memungkinkan untuk menggunakannya tanpa bertanya-tanya tentang struktur internal mereka. Bahkan objek yang paling sederhana pun menyembunyikan tingkat kerumitan tertentu yang tidak perlu Anda khawatirkan.
Misalnya, tidak masalah apa yang sebenarnya terjadi di dalam TV, bagaimana kabel disolder, atau jenis lem apa yang digunakan untuk menyambungkan bagian-bagiannya. Semua ini tidak penting. Yang Anda minati hanyalah TV untuk memenuhi tujuannya. Dia harus secara teratur mengganti saluran, memungkinkan menyesuaikan volume, dll. Sisanya adalah masalah yang tidak perlu.
Pada dasarnya, suatu objek dapat dianggap sebagai kotak hitam. Ada sejumlah tindakan yang telah ditentukan / dijelaskan yang dia lakukan. Melihat bagaimana dia melakukannya tidak cukup mudah. Faktanya, Anda tidak tertarik dengan ini selama dia melakukan segalanya dengan benar. Kita akan berubah pikiran tentang hal ini nanti ketika kita mempelajari cara membuat bagian dalam suatu objek, tetapi untuk saat ini, nikmati kesederhanaan dunia ini.
Objek yang telah ditentukan sebelumnya dalam JavaScript
Selain tipe bawaan yang tercantum sebelumnya, JS juga dilengkapi dengan objek yang telah ditentukan sebelumnya. Objek ini memungkinkan Anda bekerja dengan apa pun, termasuk kumpulan data, tanggal, teks, dan angka. Meja 12.2 memberikan daftar yang mirip dengan yang sebelumnya, menjelaskan tujuannya:
Menggunakan objek bawaan sedikit berbeda dengan menggunakan primitif. Setiap objek dalam hal ini istimewa dengan caranya sendiri. Saya akan menunda penjelasan rinci tentang semua fitur penggunaan ini untuk nanti, tetapi di sini saya akan memberikan cuplikan kode singkat dengan komentar yang akan menunjukkan opsi yang memungkinkan:
//
let names = ["Jerry", "Elaine", "George", "Kramer"];
let alsoNames = new Array("Dennis", "Frank", "Dee", "Mac");
//
let roundNumber = Math.round("3.14");
//
let today = new Date();
// boolean
let booleanObject = new Boolean(true);
//
let unquantifiablyBigNumber = Number.POSITIVE_INFINITY;
// string
let hello = new String("Hello!");
Anda mungkin agak bingung bahwa string primitif, boolean, simbol, bigint, dan angka juga bisa ada dalam bentuk objek. Secara lahiriah, bentuk objek ini terlihat sangat mirip dengan yang primitif. Berikut ini contohnya:
let movie = "Pulp Fiction";
let movieObj = new String("Pulp Fiction");
console.log(movie);
console.log(movieObj);
Saat Anda menampilkan kedua opsi, Anda akan melihat hasil yang sama. Secara internal, bagaimanapun, movie dan movieObj sangat berbeda. Yang pertama secara harfiah adalah tipe string primitif, dan yang kedua adalah tipe Object. Ini mengarah pada perilaku yang menarik (dan terkadang membingungkan), yang akan saya perkenalkan secara bertahap saat saya menjelajahi tipe bawaan.
, , . , , . . , . , .
, . , .
Rincian lebih lanjut tentang buku ini dapat ditemukan di situs web penerbit
» Daftar Isi
» Kutipan
Buku versi elektronik - warna
Untuk Penduduk diskon 25% untuk kupon - JavaScript
Setelah pembayaran untuk versi kertas buku, e -buku dikirim melalui email.