GithubHelp home page GithubHelp logo

belajar-dasar-javascript's Introduction

Satu Hari Satu skill

Satu Hari Satu pengetahuan

Array

tipe data yang bisa menyimpan banyak data dalam 1 variabel perbedaan array dengan object adalah array dimulai dari index 0 untuk mengakses data di dalam array nya. namaArray.length = length berfungsi untuk mengetahui banyak data nya

Spread Operator

Spread (menyebar) operator dituliskan dengan tiga titik (...).

Destructuring Object & Array

Penulisan sintaksis destructuring object pada ES6 menggunakan object literal ({ }) di sisi kiri dari operator assignment. Destructuring Assignment

pada kasus tertentu mungkin kita perlu melakukannya pada variabel yang sudah dideklarasikan. Saat melakukan destructuring assignment, kita perlu menuliskan destructuring object di dalam tanda kurung. Jika tidak menuliskan tanda kurung, tanda kurung kurawal akan membuat JavaScript mengira kita membuat block statement, sementara block statement tidak bisa berada pada sisi kiri assignment.

Default Values

Ketika mendestruksikan objek dan menetapkan variabel dengan nama yang bukan merupakan properti dari objek, maka nilai dari variabel tersebut menjadi undefined

Destructuring Array

destructuring array bekerja berdasarkan posisi daripada penamaan propertinya. Kita juga bisa memilih nilai pada index tertentu untuk destrukturisasi pada array Lebih lanjut, tanda koma (,) tetap diperlukan untuk menunjukkan posisi index-nya.

Destructuring Assignment

Kita juga bisa melakukan destructuring assignment pada array. Namun, tidak seperti object, kita tidak perlu membungkusnya dengan tanda kurung. Function

function merupakan sebuah variabel yang berisi blok logika. dan blok kode nya akan di eksekusi jika di panggil

Parameter & Argument

Parameter merupakan variabel yang didefinisikan sebagai input dari sebuah fungsi. Argument merupakan nilai atau expression yang dimasukkan ke dalam fungsi. ex => function namafungsi(a,b){} (a dan b) merupakan parameter function dapat menghasilkan output atau mengembalikan sebuah nilai (return) ketika statement return tereksekusi, maka fungsi akan langsung terhenti dan mengembalikan nilai.

Expression Function

expression adalah kode atau instruksi yang mengembalikan nilai, sehingga expression function bisa disimpan dalam sebuah variabel.

Function Parameter

Jika parameter dari fungsi adalah sebuah object, kita juga bisa memanfaatkan destructuring object untuk mendapatkan nilainya

Arrow Function

Arrow function expression atau lebih dikenal sebagai arrow function. Arrow function mirip seperti regular function secara perilaku, tetapi berbeda dalam penulisannya. Sesuai namanya, fungsi didefinisikan menggunakan tanda panah atau fat arrow ( => ). Tentunya penulisan arrow function ini akan lebih singkat.

Selain perbedaan sintaksis, terdapat perbedaan perilaku antara arrow function dan regular function. Regular function dapat berupa function declaration dan function expression. Namun, arrow function hanya berupa expression function saja. Itu sebabnya arrow function memiliki nama lengkap “arrow function expression”.

Rangkuman Materi Untuk membuat kode yang bersih dan mudah dipahami, salah satu cara yang bisa kita lakukan adalah dengan menggunakan function.

Beberapa hal yang telah kita bahas pada modul ini, antara lain:

Function/fungsi adalah blok atau kumpulan kode yang memungkinkan untuk dipanggil berkali-kali. Penamaan fungsi harus mendeskripsikan fungsi dengan jelas. Penamaan yang bagus akan langsung memberi kita pemahaman tentang apa yang dilakukan atau dikembalikan. Function dapat menerima masukan nilai melalui parameter. Fungsi dapat mengembalikan nilai. Jika tidak, maka hasilnya adalah undefined. Karena fungsi berupa nilai, fungsi dapat ditetapkan atau dideklarasikan di setiap tempat kode, termasuk variabel atau parameter dari fungsi lain.

belajar-dasar-javascript's People

Contributors

sabardi avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.