Serba-Serbi

Perbedaan karakteristik dari arrow function dan regular function selanjutnya ada pada penggunaan keyword this. Penjelasan dari this sendiri menyusul di materi class. Namun kita akan bahas sedikit mengenai ini untuk menggambarkan perbedaan ketika this digunakan oleh arrow function dan regular function. Jika sebuah regular function dipanggil dengan menggunakan keyword new. Maka nilainya akan menjadi objek, contohnya: function …

Regular function dapat berupa function declaration atau function expression, namun arrow function hanya berupa function expression saja. Itu sebabnya arrow function memiliki nama lengkap “arrow function expressions”. Regular function // function declarationfunction sayHello(greet) {    console.log(`${greet}!`);}  // function expressionconst sayName = function (name) {    console.log(`Nama saya ${name}`)} Arrow function // function expressionconst sayHello = greet => console.log(`${greet}!`);const sayName = name …

Arrow function mirip seperti regular function secara perilaku, namun penulisannya jauh berbeda. Sama seperti namanya, fungsi didefinisikan dengan menggunakan tanda panah (=>) dan tentu penulisan fungsi dengan arrow ini akan lebih singkat. Untuk gambaran awal, perhatikan penulisan regular fungsi sebagai callback berikut: const upperizedNames = ["Dimas", "Widy", "Buchori"]    .map(function(name) …

Rest parameter juga dituliskan menggunakan three consecutive dots (…). Dengan rest parameter, kita dapat menggabungkan beberapa elemen menjadi satu array. Tentu teknik ini sangat bermanfaat ketika kita hendak membuat sebuah variadic function. Sebagai contoh penggunaanya, mari kita buat sebuah variadic function yang berfungsi untuk menjumlahkan seluruh nilai argument fungsi yang diberikan. function sum(...numbers) {    var result …

Spreading operator dituliskan dengan three consecutive dots (….). Sesuai namanya “Spread”, Inti nya spread operator adalah pelebur array menjadi beberapa elemen yang berbeda fitur baru ES6 ini digunakan untuk membentangkan nilai array atau lebih tepatnya iterable object menjadi beberapa elements. Mari kita lihat contoh kode berikut: const favorites = ["Seafood", "Salad", "Nugget", "Soup"]; console.log(favorites); /* output:[ …

Destructuring Array serupa dengan destructuring object. Jika objek menggunakan tanda kurung kurawal { } sedangkan array menggunakan tanda kurung siku [ ]. Perbedaan lainnya adalah destructuring array bekerja berdasarkan posisi daripada penamaan propertinya. Berikut contoh dari destructuring array pada ES6: const favorites = ["Seafood", "Salad", "Nugget", "Soup"]; const [firstFood, secondFood, thirdFood, fourthFood] …

destructuring object pada ES6 sintaks menggunakan objek literal { } di sisi kiri dari operasi assignment. const profile = {    firstName: "John",    lastName: "Doe",    age: 18} const {firstName, lastName, age} = profile; console.log(firstName, lastName, age); /* output:John Doe 18*/ Pada contoh di atas tanda kurung kurawal { } merepresentasikan objek yang akan didestruksikan. …

Postingan ini menerangkan Cara Membuat Banner Animasi Secara Online gratis dengan bantuan beberapa situs pembuat banner animasi, bagaimana caranya? So, baca postingan ini sampai selesai. Dalam postingan blog ini, Agan akan membaca tentang situs web yang bisa membantu Agan membuat banner animasi online gratis. Sekarang, Agan dapat membuat animasi HTML5 …

Cara daftar UpBit Exchange Indonesia – Merupakan sebuah market jual beli bitcoin dan altcoin, istilah kerenya Asset digital yang berpusat di korea selatan. Unik, awal perkenalan saya dengan exchanger ini karena saat itu mereka mengadakan Airdrop NPSX. Dengan syarat mudah yaitu cukup mendaftar dan memverifikasi dengan data sah yang valid. Aku …

Artikel ini menjelaskan Cara Membuat Efek Blur Pada Background Foto atau gambar dengan bantuan aplikasi yang bernama Snapseed. Dengan aplikasi ini Agan bisa memberi efek blur/buram pada background suatu gambar atau foto. Agan sudah pasti tahu, sekarang mode potret alias bokeh adalah salah satu trik fotografi yang paling dicari. Sebelumnya …