Ethereum telah mendapatkan ceruk unik untuk dirinya sendiri di cryptospace sebagai platform kontrak pintar. Pengembang dari seluruh dunia dapat masuk membuat aplikasi terdesentralisasi mereka sendiri tepat di atas blockchain Ethereum. Namun, untuk melakukan itu, pengembang harus sangat berpengalaman dalam soliditas, bahasa yang digunakan untuk membuat kode kontrak pintar..

Pengantar Javascript dan Soliditas Bagian 1

Pengantar Javascript dan Soliditas

Tujuan dari panduan ini adalah untuk menjernihkan dasar-dasar Anda dalam soliditas. Jika Anda ingin kursus yang lebih maju, kami sarankan Anda mengikuti kursus soliditas kami. Panduan ini hanya akan menjelaskan dasar-dasar Anda.

Jadi, sebelum Anda memulai soliditas ada dua hal yang harus Anda ketahui:

  • Dasar-dasar blockchain Ethereum
  • Dasar-dasar JavaScript

Jika Anda ingin mempelajari dasar-dasar teknologi blockchain dan Ethereum secara umum, Anda dapat melihat panduan kami untuk menjelaskannya untuk Anda..

Jadi, sekarang kita sampai pada poin kedua.

Mengapa Anda membutuhkan pengetahuan dasar tentang JavaScript?

Pertama, seperti yang dinyatakan dalam dokumen soliditas, ini dipengaruhi oleh JavaScript. Kedua, seperti yang telah dicatat banyak orang, soliditas sangat mirip dengan JavaScript dalam hal sintaks. Alasannya cukup sederhana.

JavaScript menjadi salah satu bahasa yang paling banyak diminati dan populer di dunia. Para pendiri Ethereum merasa bahwa jika mereka memodelkan soliditas setelah JavaScript, pengembang akan dapat mengambilnya lebih cepat. Jadi, mari kita mulai dengan JavaScript sebelum kita mempelajari soliditas, yang akan kita bahas di bagian 2 artikel ini.

Pengenalan Javascript dan Soliditas

JavaScript dibuat oleh Brendan Eich, yang kemudian akan mencari Mozilla Firefox dan browser Brave. JavaScript atau JS adalah bahasa pemrograman yang ringan, dinamis, dan berorientasi objek. JavaScript, bersama dengan HTML dan CSS membentuk 3 pilar desain web. HTML membantu menempatkan konten di situs web Anda sementara CSS membantu Anda dengan tata letak desain.

Jadi, apa sebenarnya yang dilakukan JS?

Sebelum JavaScript muncul, situs web dulu sangat statis. JavaScript membawa era situs web yang lebih ramah pengguna dan dinamis. Ketika Anda menyimpan ini dalam konteks dan menyadari seberapa banyak bisnis dilakukan secara online, Anda dapat melihat mengapa Anda dapat membuat kasus yang kuat untuk Javascript. JS sendirian membuat situs web lebih ramah pengguna.

Meskipun awalnya JavaScript seharusnya menjadi skrip sisi klien, beberapa implementasi seperti node.js telah memungkinkan untuk implementasi sisi server juga. JavaScript secara resmi dikelola oleh Mozilla Foundation, dan fitur bahasa baru ditambahkan secara berkala.

Fitur JavaScript

Berikut ini adalah fitur-fitur JavaScript

  • Semua peramban modern memiliki mesin JavaScript bawaan. Faktanya, kita akan melihat lebih dekat ini nanti
  • JavaScript memiliki sintaks pemrograman terstruktur dan memiliki cakupan fungsional dan blok. Jangan khawatir kami akan membahas pelingkupan sedikit
  • JavaScript diketik secara dinamis. Artinya, variabel yang menyimpan nilai integer beberapa saat yang lalu dapat menyimpan string selama runtime
  • JavaScript adalah bahasa pemrograman berorientasi objek. Kami akan membahas ini sedikit
  • JavaScript adalah bahasa fungsional. Jadi itu mendukung modulasi melalui fungsi
  • JavaScript juga mendukung pendelegasian implisit dan eksplisit.
  • JavaScript peka huruf besar / kecil, jadi “lebar” berbeda dari “Lebar”.

Baiklah, mari kita lihat masing-masing fitur ini secara mendetail.

Fitur # 1: Peramban dengan JS Bawaan

Kami akan menggunakan Google chrome untuk ini.

Buka saja tab baru di browser Anda. Klik kanan di mana saja di browser dan klik “Periksa”.

Pengantar Javascript dan Soliditas (Blockgeeks)

Saat Anda mengkliknya, Anda akan melihat jendela ini:

Pengantar Javascript dan Soliditas (Blockgeeks)

Ini adalah konsol bawaan di browser google chrome. Untuk bermain-main dengan alat JS, Anda cukup pergi ke bagian Konsol. Yang disini:

Pengantar Javascript dan Soliditas (Blockgeeks)

Baiklah… jadi mari kita coding!!!

Anda dapat melakukan operasi matematika sederhana di sini:

Pengantar Javascript dan Soliditas (Blockgeeks)

Atau, jika Anda mau, Anda dapat melakukan program “Hello World” sederhana di sini.

Untuk ini, kita akan mengetik “console.log (‘ Hello World ’);”

Pengantar Javascript dan Soliditas (Blockgeeks)

“Console.log ()” adalah fungsi yang memungkinkan kita untuk mencetak output di konsol. Juga, perhatikan bagaimana kita mengakhiri fungsi dengan “;”. Di JS, Anda perlu menggunakan titik koma untuk mengakhiri instruksi.

Saat Anda memasukkan perintah dan menekan “Enter”, Anda akan mendapatkan output itu di konsol itu sendiri.

Yang cukup menarik, jika Anda ingin outputnya muncul di layar Anda, maka Anda cukup menggunakan fungsi “alert ()”. Jadi, jika Anda mengetik “alert (‘Hello World’);” di konsol Anda, maka Anda akan melihat ini.

Pengantar Javascript dan Soliditas (Blockgeeks)

Cukup keren kan?

Sekarang, kami hanya ingin Anda mulai menggunakan bentuk pemrograman paling dasar untuk menunjukkan kepada Anda mesin JS di dalam browser. Kami akan membahas lebih dalam pemrograman nanti.

Fitur # 2: Pelingkupan Fungsional dan Blok

Untuk memahami perbedaan antara pelingkupan fungsional dan blok, Anda harus tahu sedikit tentang deklarasi variabel di JS.

Di C ++, saat Anda ingin mendeklarasikan variabel integer, Anda dapat melakukan ini:

int a;

Di Java, Anda tidak perlu khawatir tentang jenis data individu, karena bahasa diketik secara dinamis. Anda memiliki tiga opsi yang dapat Anda gunakan untuk mendeklarasikan variabel Anda: var, let, dan const.

Var

Var adalah cara yang sangat mudah untuk menetapkan dan variabel.

var a = 10;

console.log (a);

// itu kembali

10

a = 20;

// untuk menunjukkan penugasan dinamis

console.log (a);

20

Jadi, var tampaknya cukup mudah, bukan?

Namun, penggunaan var dalam pemrograman tidak lagi dianggap sebagai praktik yang baik karena variabel var adalah “lingkup fungsi”. Ini berarti bahwa variabel var dideklarasikan di dalam suatu fungsi maka variabel tersebut hanya tersedia di dalam fungsi tersebut, atau jika tidak dibuat di dalam fungsi, variabel tersebut “memiliki cakupan global”, artinya variabel tersebut tersedia di mana saja.

Mari kita lihat cara kerjanya. Pertimbangkan program berikut (Diambil dari artikel ini):

function setWidth () {

lebar var = 100;

console.log (lebar);

}

lebar;

Jika Anda mencoba menjalankan program ini, Anda akan melihat kesalahan berikut.

Pengantar Javascript dan Soliditas (Blockgeeks)

Bisakah kamu menebak kenapa?

“Lebar” yang telah kita deklarasikan sebagai “var” dideklarasikan di dalam fungsi. Inilah sebabnya, ini hanya valid di dalam lingkup fungsi dan tidak di tempat lain.

Demikian pula, sekarang kita memiliki ekstrim lainnya.

Perhatikan kode berikut:

var usia = 100;

if (usia > 12) {

var dogYears = usia * 7;

console.log (`Anda berusia $ {dogYears} tahun anjing!`);

}

Dua hal yang perlu Anda perhatikan tentang kode di atas.

Pertama, penggunaan “$ (dogYears)”, ini memastikan bahwa Anda mencetak nilai variabel. Kedua, variabel var tidak dideklarasikan di dalam fungsi. Karena itu, mereka tidak terikat oleh ruang lingkup dan karenanya dapat disebut bahkan pasca-eksekusi.

Anda berusia 700 tahun anjing!

Namun, sekarang jika Anda membuka konsol dan memanggil dogYears, itu akan mengembalikan 700 kepada Anda.

Apakah Anda tahu mengapa ini terjadi?

Dengan tidak mendeklarasikan variabel di dalam sebuah fungsi, kami membuatnya menjadi global.

Jadi ingatlah ini untuk referensi di masa mendatang, var tidak terbatas pada tanda kurung kurawal. Ini adalah fungsi yang mendefinisikan ruang lingkup.

Inilah sebabnya, alih-alih var, kami menggunakan let dan const.

Mengapa Menggunakan let dan const?

Sebaliknya, let dan const adalah scoper untuk memblokir fungsi tersebut. Sebuah blok didefinisikan sebagai satu set tanda kurung kurawal buka “{” dan penutup “}”.

Jadi, jika kita telah mendeklarasikan dogYears dengan “let” sebagai lawan “var”, menurut Anda apa yang akan terjadi?

var usia = 100;

if (usia > 12) {

biarkan dogYears = age * 7;

console.log (`Anda berusia $ {dogYears} tahun anjing!`);

}

Itu dideklarasikan di dalam blok “jika”, jadi masa pakai variabel itu berakhir segera setelah blok berakhir.

catatan: Kami akan membahas fungsi if-else sebentar lagi.

Jadi, sekarang ketika Anda menjalankan program ini (di dalam kode visual) dan memanggil dogYears di konsol, Anda akan mendapatkan pesan berikut:

“Error Referensi Tidak Tertangkap: dogYears tidak ditentukan.”

Anda juga dapat menggunakan const daripada membiarkan mendeklarasikan variabel-variabel ini. Namun, menggunakan const membuat variabel Anda tidak dapat diubah. Jadi, jika Anda berencana untuk mengubah nilai selama runtime, Anda akan mendapatkan error:

Pengantar Javascript dan Soliditas (Blockgeeks)

Fitur # 3: Diketik Secara Dinamis

Diketik secara dinamis berarti bahwa variabel dapat mengubah tipenya selama menjalankan program. Jadi, jika Anda sebuah variabel yang menyimpan string, selama eksekusi itu dapat menyimpan integer juga.

Jadi, buka konsol Anda dan jalankan ini:

misalkan var2 = 10;

var2 = ‘Halo’;

Jika Anda memanggil var2 sekarang, ini akan mengembalikan “Halo”, meskipun Anda awalnya mendeklarasikannya dengan bilangan bulat.

Faktanya, mengapa tidak melakukan sesuatu yang lebih mendalam dan benar-benar mengamati bagaimana variabel mengubah statusnya?

Untuk ini, kami menggunakan fungsi “typeof ()”. Fungsi ini secara khusus memberi tahu Anda jenis variabel yang Anda gunakan. Sekarang perhatikan contoh yang sama yang kami berikan di atas.

Pengantar Javascript dan Soliditas (Blockgeeks)

Jadi, ketika var2 memiliki angka di dalamnya, jenisnya adalah angka. Namun, saat disimpan “Halo” itu berubah menjadi string.

Fitur # 5: Bahasa Pemrograman Berorientasi Objek

JavaScript adalah bahasa pemrograman berorientasi objek (OOP) sebagai lawan dari bahasa berorientasi proses. Bahasa berorientasi proses seperti C menggunakan program di mana daftar instruksi yang bekerja pada memori.

OOPs, di sisi lain, memungkinkan pembuatan cetak biru yang disebut “kelas” dari mana seseorang dapat menghasilkan objek yang dapat berinteraksi satu sama lain. Objek-objek ini menjalankan program.

Sekarang, ada empat pilar OOP:

  • Enkapsulasi
  • Abstraksi
  • Polimorfisme
  • Warisan

Pengantar Javascript dan Soliditas (Blockgeeks)

Enkapsulasi

Enkapsulasi adalah ide menggabungkan data dan fungsi dalam satu unit. Idenya adalah untuk menyembunyikan keadaan awal objek dan mengikat semuanya dalam satu paket yang solid.

Abstraksi

Abstraksi berarti bahwa pengguna dapat menggunakan program tanpa mengalami kerumitan di baliknya.

Pikirkan sebuah mobil.

Saat Anda mengendarai mobil, yang Anda pedulikan hanyalah memasukkan kunci Anda dan mengarahkan kendaraan sedemikian rupa sehingga Anda tidak menabrak apa pun. Anda tidak peduli tentang cara kerja mesin dan cara pengapian membakar bahan bakar Anda.

Warisan

Pewarisan adalah salah satu sifat OOP yang paling penting.

Inheritance memungkinkan sebuah objek atau kelas untuk didasarkan pada objek lain atau kelas dan mempertahankan beberapa implementasinya. Di sebagian besar bahasa berorientasi objek berbasis kelas, objek yang dibuat melalui pewarisan memperoleh sebagian besar properti dan perilaku objek induk.

Polimorfisme

Polimorfisme adalah properti yang digunakan operator dalam bahasa tersebut untuk memiliki lebih dari satu properti. Contoh paling terkenal dari ini adalah “+”. Tidak hanya digunakan sebagai operator penjumlahan matematika, namun juga dapat digunakan untuk menggabungkan dua string menjadi satu. Ini disebut penggabungan.

Pengantar Javascript dan Soliditas (Blockgeeks)

Fitur # 6: Delegasi Implisit dan Eksplisit

Delegasi pada dasarnya berarti bahwa suatu objek dapat didefinisikan dalam istilah objek lain. Delegasi berarti pendelegasian tanggung jawab. Sekarang pendelegasian dapat berupa eksplisit atau implisit.

Dengan pendelegasian eksplisit, sebuah objek dapat secara eksplisit mendelegasikan pesan ke objek lain yang diketahuinya. Dengan delegasi implisit, sebuah objek dapat secara eksplisit menunjuk objek lain sebagai “induk” -nya. Pesan yang tidak dipahami oleh objek penerima secara otomatis (secara implisit) didelegasikan ke induk ini.

Delegasi implisit dapat dibagi lagi menjadi dua kategori lagi:

  • Delegasi tak terduga, di mana struktur delegasi dapat diubah secara dinamis selama runtime.
  • Delegasi yang diantisipasi, di mana objek tidak dapat mengubah objek induk yang telah mereka warisi selama masa pakainya.

Sebelum Kita Memulai Coding

Sekarang setelah kita selesai dengan teori, untuk sebagian besar, mari kita mulai membuat kode! Untuk menjalankan program ini, Anda memerlukan lingkungan tempat Anda dapat menjalankannya.

Kami akan menggunakan Visual Studio Code. Untuk melakukan itu, pergi ke code.visualstudio.com dan unduh Visual Studio versi terbaru.

Setelah Anda selesai menginstalnya, Anda akan melihat layar ini.

Pengantar Javascript dan Soliditas (Blockgeeks)

Sekarang, lanjutkan ke File ->Buka

Setelah itu, Anda perlu membuat folder. Sebut saja folder ini “Blockgeeks-JS”.

Pengantar Javascript dan Soliditas (Blockgeeks)

Setelah itu, ada dua hal yang perlu Anda lakukan:

Pengantar Javascript dan Soliditas (Blockgeeks)

Dan setelah mengklik tombol itu, buat file bernama “index.html”.

Pengantar Javascript dan Soliditas (Blockgeeks)

Di baris pertama kode dalam file baru ini, ketik “!” diikuti oleh tab.

Pengantar Javascript dan Soliditas (Blockgeeks)

Saat Anda melakukannya, Anda akan melihat blok kode HTML muncul di layar. Anda tidak perlu terlalu peduli dengan kode ini. Ini pada dasarnya menyediakan host di mana kita dapat menggunakan kode JS kita.

Setelah itu, klik tombol ekstensi seperti yang ditunjukkan di bawah ini:

Pengantar Javascript dan Soliditas (Blockgeeks)

Sekarang cari “Live Server” dan instal ekstensi.

Pengantar Javascript dan Soliditas (Blockgeeks)

Jika sudah terpasang, buka file “index.html” Anda dan pilih “Buka Dengan Server Langsung”.

Pengantar Javascript dan Soliditas (Blockgeeks)

Apa yang sekarang dilakukan, adalah memungkinkan Anda untuk menjalankan program JS di browser default Anda. Faktanya, saat Anda memilih opsi ini, tab baru akan terbuka di browser Anda.

Baiklah, sekarang mari kita lihat kode HTML kita di “index.html”.

<!DOCTYPE html>

<html lang ="en">

<kepala>

<meta charset ="UTF-8">

<nama meta ="viewport" konten ="width = lebar-perangkat, skala-awal = 1,0">

<meta http-equiv ="Kompatibel dengan X-UA" konten ="yaitu = tepi">

<judul>Judul dokumen>

kepala>

<tubuh>

tubuh>

html>

Sekarang Anda dapat mulai membuat kode di area tubuh. Misalnya. mari kita tambahkan tag header di area tubuh dan mengisinya dengan beberapa konten.

<!DOCTYPE html>

<html lang ="en">

<kepala>

<meta charset ="UTF-8">

<nama meta ="viewport" konten ="width = lebar-perangkat, skala-awal = 1,0">

<meta http-equiv ="Kompatibel dengan X-UA" konten ="yaitu = tepi">

<judul>Judul dokumen>

kepala>

<tubuh>

<h1> SELAMAT DATANG DI BLOCKGEEKS! H1>

tubuh>

html>

Sekarang, simpan file ini dan lihat tab baru yang terbuka.

Cukup keren kan!

Jadi, sekarang mari kita mulai dengan beberapa JavaScript.

Di body, tepat di bawah tag header, mari tambahkan tag script dan cetak “Hello World” di konsol.

<!DOCTYPE html>

<html lang ="en">

<kepala>

<meta charset ="UTF-8">

<nama meta ="viewport" konten ="width = lebar-perangkat, skala-awal = 1,0">

<meta http-equiv ="Kompatibel dengan X-UA" konten ="yaitu = tepi">

<judul>Judul dokumen>

kepala>

<tubuh>

<h1> SELAMAT DATANG DI BLOCKGEEKS! H1>

<naskah> console.log (‘Hello World’); skrip>

tubuh>

html>

Setelah itu baru masuk ke tab. Klik kanan padanya dan pilih “inspeksi” dan kemudian pergi ke tab konsol seperti yang telah kami tunjukkan sebelumnya.

Inilah yang akan Anda lihat:

CATATAN: Alasan mengapa kami menempatkan bagian skrip di bagian Tubuh dan bukan di bagian Kepala adalah karena kami tidak ingin JavaScript berjalan bahkan sebelum konten situs dimuat.

Sekarang, praktik terbaik pemrograman standar menyatakan bahwa Anda tidak boleh mengkodekan barang JS ke dalam program HTML. Bagian HTML dan bagian JS harus tetap dipisahkan.

Selain itu, skrip bisa menjadi sangat panjang dan rumit sehingga tidak masuk akal untuk mencoba memasukkan semua kode di dalam kode HTML.

Jadi, inilah mengapa kami akan membuat file baru lainnya dan menamainya “index.js”.

Pengantar Javascript dan Soliditas (Blockgeeks)

Pada bagian ini kita akan memasukkan semua yang telah kita masukkan ke dalam tag script, yaitu:

Namun, file “index.html” adalah file utama. Kita harus memasukkan baris kode lain yang membantu file utama merujuk ke file JS. Cara yang akan kami lakukan adalah dengan melakukan sedikit modifikasi.

<!DOCTYPE html>

<html lang ="en">

<kepala>

<meta charset ="UTF-8">

<nama meta ="viewport" konten ="width = lebar-perangkat, skala-awal = 1,0">

<meta http-equiv ="Kompatibel dengan X-UA" konten ="yaitu = tepi">

<judul>Judul dokumen>

kepala>

<tubuh>

<h1> SELAMAT DATANG DI BLOCKGEEKS! H1>

<script src = “index.js”>naskah>

tubuh>

html>

Apa yang dilakukannya adalah menunjukkan program HTML di mana tepatnya program JS berada. Selain itu, pastikan SELALU MENYIMPAN file .html dan .js Anda.

Apa yang dilakukannya adalah menunjukkan program HTML di mana tepatnya program JS berada.

Selain itu, pastikan SELALU MENYIMPAN file .html dan .js Anda.

Baiklah, itu cukup banyak mencakup dasar-dasarnya. Mari kita lakukan pengkodean!

Pengkodean Sederhana

Operasi Matematika # 1

Mari kita lakukan beberapa operasi matematika dasar di JS.

biarkan a = 10;

misalkan b = 20;

misalkan c = 30;

misalkan d = a + b * c;

console.log (d);

Menurut Anda apa jawabannya?

Apakah menurut Anda jawabannya adalah 900?

Baiklah, mari kita jalankan programnya dan lihat apa yang kita dapatkan?

Pengantar Javascript dan Soliditas (Blockgeeks)

610.

Menurut Anda mengapa kami mendapatkannya?

Soalnya, alih-alih pergi dari kiri ke kanan, JS mengikuti PEMDAS di mana:

P = Tanda kurung

E = Eksponen

M = Perkalian

D = Divisi

A = Penambahan

S = Pengurangan

Jadi, operasi mengikuti urutan prioritas ini dalam urutan menaik:

P.

E

MD

SEBAGAI

Perkalian dan Pembagian memiliki urutan preferensi yang sama. Begitu juga Penjumlahan dan Pengurangan.

# 2 Array

Array adalah struktur data yang berisi sekelompok elemen. Biasanya semua elemen ini memiliki tipe data yang sama (tidak diperlukan dalam kasus JavaScript), seperti integer atau string. Array biasanya digunakan dalam program untuk mengatur data sehingga sekumpulan nilai terkait dapat dengan mudah diurutkan atau dicari.

Lihat kode di bawah ini:

biarkan nama = [‘Mark’, ‘Will’];

console.log (nama);

Pengantar Javascript dan Soliditas (Blockgeeks)

Lihat panah di samping “(2)”? Ketika Anda mengkliknya, itu meluas untuk mengungkapkan hal-hal berikut:

Menurut Ini:

  • Panjang array adalah 2 karena memiliki dua elemen
  • Indeks dari elemen pertama “Mark” adalah 0
  • Indeks dari elemen kedua “Will” adalah 1

Kami juga dapat secara dinamis menambahkan elemen ke array selama runtime. Ini dia:

biarkan nama = [‘Mark’, ‘Will’];

nama [2] = ‘Kumar’;

console.log (nama);

Saat Anda mencetak ini di konsol, Anda akan mendapatkan:

Seperti yang Anda lihat, kami mendapatkan array untuk diperluas dengan satu elemen selama runtime. Sekarang, di Javascript, Anda tidak perlu menambahkan jenis data yang sama. Bagaimana kalau kita menambahkan angka ke array?

biarkan nama = [‘Mark’, ‘Will’];

nama [2] = ‘Kumar’;

nama [3] = 1;

console.log (nama);

Outputnya sekarang terlihat seperti ini:

Pengantar Javascript dan Soliditas (Blockgeeks)

Sebelum kita menyelesaikan array. Ada satu hal lagi.

Anda dapat memeriksa panjang array seperti ini:

biarkan nama = [‘Mark’, ‘Will’];

nama [2] = ‘Kumar’;

nama [3] = 1;

console.log (names.length);

Sekarang hasilnya terlihat seperti ini:

Pengantar Javascript dan Soliditas (Blockgeeks)

Panjang array adalah 4.

# 3 Fungsi

Selanjutnya kami memiliki fungsi yang dengan mudah menjadi salah satu bagian terpenting dari program. Dengan mendeklarasikan fungsi, Anda akan membuat pekerjaan Anda jauh lebih mudah dan mengurangi banyak pengulangan. Fungsi berisi unit kode yang bekerja pada berbagai masukan, banyak di antaranya adalah variabel, dan menghasilkan hasil nyata yang melibatkan perubahan nilai variabel atau operasi aktual berdasarkan masukan. Satu dapat memanggil fungsi-fungsi ini selama program berjalan dan menjalankan kodenya.

Mari kita lihat contohnya.

fungsi mendesak () {

console.log (‘Tonton JRE 1169’);

}

mendesak();

Fungsi di atas mencetak pesan. Setelah kita mendeklarasikan fungsinya, kita cukup memanggil fungsi tersebut untuk menjalankannya. Mari kita lihat hasilnya:

Pengantar Javascript dan Soliditas (Blockgeeks)

Sekarang, tambahkan bumbu lagi ke dalam campuran.

fungsi mendesak (num) {

console.log (‘Tonton JRE’ + num);

}

mendesak (1169);

Mari kita lihat hasilnya:

Pengantar Javascript dan Soliditas (Blockgeeks)

Sekarang, mari kita tingkatkan jumlah parameter dalam fungsi dan jumlah pemanggilan fungsi.

fungsi nama pengguna (firstName, lastName) {

console.log (‘Namanya’ + firstName + ” + lastName);

}

nama pengguna (‘Vitalik’, ‘Buterin’);

nama pengguna (‘Satoshi’, ‘Nakamoto’);

Jadi, ketika Anda menjalankan kode ini, Anda akan mendapatkan output berikut:

Pengantar Javascript dan Soliditas (Blockgeeks)

Salah satu properti terbaik dari fungsi tersebut adalah mengembalikan nilai. Jadi Anda bisa memiliki fungsi yang melakukan proses matematika yang kompleks dan menggunakannya untuk mengembalikan nilai ke variabel.

Bagaimana kalau kita mendeklarasikan fungsi yang menghitung kuadrat dari sebuah angka dan mengembalikan nilainya:

function square (num) {

return num * num;

}

biarkan hasilnya = square (2);

console.log (‘Kuadrat dari 2 adalah’ + hasil);

Outputnya adalah:

Pengantar Javascript dan Soliditas (Blockgeeks)

# 4 Pernyataan Bersyarat

Pernyataan kondisional seperti “if-else” adalah landasan pemrograman. Anda dapat melakukan hal yang sama di JavaScript seperti yang telah kita lihat sebelumnya. Pertimbangkan kode ini:

biarkan a = 20;

misalkan b = 30;

jika sebuah > b) {

console.log (a + ‘lebih besar’);

} lain {

console.log (b + ‘lebih besar’);

}

Ini adalah program sederhana yang memeriksa dan mencetak angka yang lebih besar.

Kode di atas memberikan keluaran sebagai berikut:

Pengantar Javascript dan Soliditas (Blockgeeks)

# 5 Loop

Looping memungkinkan program untuk mengeksekusi kode yang diberikan di dalam loop untuk dieksekusi beberapa kali.

Sebelum kita melanjutkan, Anda harus tahu apa arti incrementation (atau decrementation).

Inkrementasi berarti meningkatkan nilai variabel tertentu dengan jumlah tertentu. Jadi, jika kita ingin meningkatkan nilai yang disimpan dalam variabel tertentu, seperti “a”, dengan 1 kita lakukan:

a = a +1;

ATAU agar lebih efisien, cukup lakukan “a ++”, yang sama dengan a = a + 1;

Demikian pula, untuk mengurangi nilai yang kami lakukan:

a = a-1;

Atau

Sebuah-;

Oke, kembali ke loop.

Pernyataan loop yang digunakan dalam JavaScript adalah:

  • Sementara
  • Do-While
  • Untuk

Sedangkan Loop

Perulangan while adalah bentuk paling sederhana dari pernyataan perulangan. Ini bekerja seperti ini:

while (kondisi) {

Pernyataan;

Kenaikan;

}

Pertimbangkan ini:

biarkan i = 1;

ketika saya < 3) {

console.log (i);

i ++;

}

Menjalankan kode ini memberikan keluaran berikut:

Jadi, apa yang terjadi disini?

Kami menginisialisasi variabel ke 1, dan menginstruksikan program untuk mencetak variabel selama nilainya kurang dari 1. Selain itu, di dalam loop kami terus menaikkan nilai “i”. Jika kita tidak menambahkannya, program akan berada dalam putaran tak terbatas.

Do-While Loop

Loop Do-While terlihat seperti ini:

melakukan{

Pernyataan;

Kenaikan;

} saat (kondisi);

Jadi, sebagai lawan dari while loop, do-while loop menjalankan kode terlebih dahulu dan memeriksa kondisinya nanti.

Sekarang, lihat kode ini:

biarkan i = 1;

melakukan{

console.log (i);

i ++;

} ketika saya<3);

Ini akan mencetak:

Jadi, apa perbedaan antara while dan do-while selama eksekusi program. Nah, simak contoh berikut ini:

biarkan i = 1;

console.log (‘Pertama kita akan memeriksa while loop’);

ketika saya < 1) {

console.log (‘Ini ada di dalam while loop’);

}

console.log (‘Sekarang kita akan memeriksa do-while’);

melakukan{

console.log (‘Ini ada di dalam do-while loop’);

} ketika saya < 1);

console.log (‘Kami berada di luar loop sekarang’);

Outputnya adalah:

Pengantar Javascript dan Soliditas (Blockgeeks)

Jadi, apa yang kita lakukan disini?

Pertama, kami mengeksekusi while loop. Karena loop ini memeriksa kondisi sebelumnya, ia bahkan tidak mengizinkan compiler untuk masuk ke dalam tubuhnya. Oleh karena itu pernyataan di dalam while loop tidak dijalankan.

Namun, karena do-while loop mengeksekusi pernyataan sebelum memeriksa kondisi, pernyataan di dalam tubuh dieksekusi.

Untuk Loop

Perulangan for memiliki struktur berikut:

untuk (Inisialisasi; Kondisi; Inkrementasi)

{

Pernyataan;

}

Jadi, perulangan for menangani kondisi dan kenaikan dalam parameternya sendiri. Bagaimana tampilannya pada waktu proses?

untuk (misalkan i = 1; i <= 5; i ++)

{

console.log (i);

}

Program ini memberikan hasil sebagai berikut:

Pengantar Javascript dan Soliditas (Blockgeeks)

Pemrograman Berorientasi Objek Dalam JavaScript

Baiklah, jadi sekarang kita sampai pada salah satu aspek terpenting dari JavaScript, pemrograman berorientasi objek. Pertimbangkan potongan kode berikut:

biarkan Max = {

sekolah: ‘Central High’,

usia: 14,

tempat lahir: ‘New York’

};

console.log (Maks);

Jadi, kami telah mendeklarasikan sebuah objek bernama “Max” dan mendeklarasikan elemen dari objek ini, nama:

  • Dimana Max pergi ke sekolah
  • Berapa usia Max
  • Dimana dia lahir

Jadi, saat Anda mencetak objek Max, inilah yang Anda dapatkan:

Oke, anggap saja Max baru saja berulang tahun. Bagaimana kita mengubah usianya?

biarkan Max = {

sekolah: ‘Central High’,

usia: 14,

tempat lahir: ‘New York’

};

Max.age = 15;

console.log (Maks);

;

Jadi, inilah output yang kami dapatkan sekarang:

Pengantar Javascript dan Soliditas (Blockgeeks)

Sekarang, kita akan mendeklarasikan sebuah objek dengan fungsi di dalamnya:

biarkan lingkaran = {

area: function () {

biarkan radius = 2;

biarkan a = 3,14 * radius * radius;

console.log (‘Area adalah’ + a);

}

};

circle.area ();

Sekali lagi, benda yang cukup lugas. Kami telah mendeklarasikan sebuah objek bernama circle yang memiliki fungsi area di dalamnya yang menghitung dan mencetak area tersebut.

Fungsi Pabrik

Cara kami mendeklarasikan objek kami di atas sangat tidak efisien ketika kami harus menangani banyak objek. Ingat kode yang baru saja kita gunakan. Bagaimana jika kita harus menghitung luas dua lingkaran? Dalam hal ini, kami tidak memiliki pilihan selain mengulang kode dengan nilai yang berbeda.

biarkan lingkaran = {

area: function () {

biarkan radius = 1;

biarkan a = 3,14 * radius * radius;

console.log (‘Area adalah’ + a);

}

};

circle.area ();

biarkan circle1 = {

area: function () {

biarkan radius = 2;

biarkan a = 3,14 * radius * radius;

console.log (‘Area adalah’ + a);

}

};

circle1.area ();

Sekarang bagaimana, jika alih-alih hanya satu fungsi kita berurusan dengan 10 fungsi per objek. Dapatkah Anda bayangkan betapa berantakannya kode itu nantinya?

Juga, bayangkan betapa sulitnya men-debug kode (memindai kode untuk potensi kesalahan) jika kita mengikuti format ini.

Inilah mengapa kami menggunakan sesuatu yang disebut “fungsi pabrik” untuk membuat kode kami lebih berguna dan bersih.

Perhatikan kode berikut:

// buat fungsi pabrik yang menggunakan satu parameter

function createCircle (radius) {

// fungsi mengembalikan nilai ini yang merupakan objek

kembali {

area: function () {

biarkan luas = 3,14 * radius * radius;

console.log (area);

}

};

}

// membuat objek yang nilainya dari fungsi pabrik

biarkan circle = createCircle (1);

circle.area ();

// memperbarui objek secara dinamis dengan menggunakan fungsi pabrik yang sama

circle = createCircle (2);

circle.area ();

Oke, mari kita lihat apa yang terjadi di sini.

Kami memiliki fungsi Pabrik yang disebut “createCircle ()” yang menetapkan cetak biru untuk semua objek yang akan kita buat.

Dibutuhkan parameter yang disebut “radius” yang membantu kita dalam membuat objek berbeda dengan nilai unik. Fungsi mengembalikan nilai ke objek baru. Jadi, ketika kita menjalankan kode di atas, kita mendapatkan output berikut:

Pengantar Javascript dan Soliditas (Blockgeeks)

Fungsi pabrik bukan satu-satunya cara untuk menginisialisasi objek, Anda juga memiliki konstruktor.

Konstruktor

Jadi, bagaimana rupa konstruktor?

function Circle (radius) {

this.area = function () {

biarkan a = 3,14 * radius * radius;

console.log (a);

}

}

biarkan circle = new Circle (1);

circle.area ();

biarkan circle1 = Lingkaran baru (2);

circle1.area ();

Circle () adalah konstruktor yang kita gunakan di sini. Menurut konvensi penamaan, konstruktor harus selalu dimulai dengan huruf besar. Ada dua hal lagi yang mungkin Anda perhatikan dalam kode yang belum pernah kita bicarakan sebelumnya:

  • Kata kunci “baru”
  • Kata kunci “ini”

Kata kunci “baru” membantu dalam pembuatan objek melalui konstruktor. Ini pada dasarnya membuat objek kosong dan kosong.

Kata kunci “ini” membantu dalam menentukan bahwa variabel atau fungsi milik objek khusus ini. Misalnya. dalam kode yang diberikan di atas, “this.area” menunjukkan kompiler bahwa baik fungsi area milik objek circle atau objek circle1. Nilai “ini” di dalam suatu fungsi, secara efektif bergantung pada objek yang memanggilnya.

Mari kita lihat apa yang terjadi jika kita menghapus kata kunci “the” pada kode di atas. Mari kita lihat hasilnya. Jadi, kode modifikasi kami adalah:

function Circle (radius) {

area = fungsi () {

biarkan a = 3,14 * radius * radius;

console.log (a);

}

}

biarkan circle = new Circle (1);

circle.area ();

biarkan circle1 = Lingkaran baru (2);

circle1.area ()

Saat Anda menjalankan program ini, Anda akan mendapatkan kesalahan ini:

Pengantar Javascript dan Soliditas (Blockgeeks)

Javascript dan Soliditas: Kesimpulan

Apa yang kami berikan untuk Anda di sini adalah pengantar yang sangat mendasar. JavaScript adalah topik yang luas dengan banyak potensi. Jika Anda ingin tetap up-to-date maka diperlukan pendidikan yang konstan. Kami telah menggunakan video berikut untuk referensi:

https://www.youtube.com/watch?v=PwsigsH4oXw

https://www.youtube.com/watch?v=PFmuCDHHpwk

Jika Anda ingin mendidik diri sendiri lebih jauh, silakan pergi dan periksa saluran masing-masing.

Juga, ini untuk bagian 1.

Pada bagian selanjutnya, kita akan memulai soliditas!!

Mike Owergreen Administrator
Sorry! The Author has not filled his profile.
follow me