Kumpulan berbagai trik JavaScript

Wed Aug 11 2021 22:49:42 GMT+0000 (Coordinated Universal Time)

if else

Before:

if (lapar){
 makan()
} else {
 kerja()
}

After:

lapar ? makan() : kerja()

if

Before:

if (lapar) {
 makan()
}

After:

lapar && makan()

async/await

Before:

fetch("https://kucing.com").then(function(x){
 return x.json()
}).then(function(x){
 console.log(x)
})

After:

fetch("https://kucing.com").then(x => x.json()).then(x => console.log(x))

After lagi:

async function dapatkan(){
 let x = await fetch("https://kucing.com")
 x = await x.json()
 console.log(x)
}
dapatkan()

Anonymous variable

Before:

let namaKucing = kucing()
namaKucing = namaKucing.data

After:

const {data} = kucing()
const namaKucing = data

After lagi:

const {data: namaKucing} = kucing()

Destructuring array/object

Before:

const nama = data()[0]
const alamat = data()[1]
const kelas = data()[2]

After:

const [nama, alamat, kelas] = data()

Contoh lain:

const nama = data().nama
const kelas = data().kelas

After:

const {nama, kelas} = data()

export import

Kalau di ESM:

import Nama from "./nama"
import {namaKucing} from "./nama"
import {anggora as kucingku} from "./nama"

Kalau di RequireJS:

const Nama = require("./nama")
const {namaKucing} = require("./nama")
const {anggora: kucingku} = require("./nama")

Oh iya, kalau kita menggunakan Node JS itu, secara otomatis kita menggunakan RequireJS. Untuk menggunakan ESM di satu project, kita edit package.json, lalu tambahkan:

"type": "module"

Namun, jika kita menggunakan hanya di salah satu file, kita gunakan ekstensi .mjs. Kalau yang RequireJS, pakai ekstensi .cjs.

Tanggapan komentar

ini bukan trik tapi emg fitur js ajg

Hahahahhahahhaaaa......

Buat yang mau donasi untuk kelangsungan komunitas Echlus, silahkan transfer ke halaman donasi kami.

ok
sepertinya di js gk ada Anonymous Variabel, adanya Anonymous Function dan untuk Anonymous Variabel yg diatas itu, lebih cocok dipanggil Destructuring Object
Trik yang sangat bermanfaat.... Mantap..
Nice
ini bukan trik tapi emg fitur js ajg