Salam, Habr! Saya mempersembahkan untuk Anda terjemahan artikel
“9 Hacks JavaScript yang Sangat Kuat” oleh
Klaus .
Catatan penerjemah: dalam posting baru (10 Desember) ini, trik JavaScript keren yang saya sukai sebagai pemula, tetapi ada juga iklan yang jelas untuk aplikasi pengujian. Tapi saya harus menerjemahkan seluruh materi, jadi saya menyembunyikan bagian iklan di spoiler, meskipun tidak sia-sia.
Asli dari artikel yang diterjemahkanSaya suka mengoptimalkan.
Tetapi pengguna tidak peduli dengan kode saya yang dioptimalkan jika situs mereka tidak berfungsi di Internet Explorer 11.
Saya menggunakan
Endtest untuk membuat tes otomatis dan menjalankannya di cloud lintas-browser.
Omong-omong,
Netflix menggunakan platform yang sama untuk menguji aplikasi webnya. Selain itu, ia bahkan terdaftar sebagai keterampilan yang diperlukan dalam beberapa
lowongan .
Endtest benar-benar memiliki beberapa fitur keren, seperti:
- Mesh lintas-browser berjalan di komputer Windows dan MacOS
- Editor Tanpa Kode untuk Tes Otomatis
- Dukungan Aplikasi Web
- Dukungan untuk aplikasi asli dan hybrid untuk Android dan iOS
- Video tidak terbatas untuk pengujian Anda berjalan
- Perbandingan tangkapan layar
- Geolokasi
- Jika pernyataan
- Siklus
- Unggah file ke tes Anda
- API Endtest, untuk memudahkan integrasi dengan sistem CI / CD Anda
- Pernyataan diperpanjang
- Tes seluler di perangkat seluler nyata
- Menguji Email dengan Kotak Surat Endtest
Anda dapat melihat
dokumen pada alat ini.
Dan sekarang ada 9 tips JavaScript yang sangat berguna.
Ganti semua
Kita tahu bahwa fungsi string.replace () hanya menggantikan kejadian pertama. Anda dapat mengganti semua kemunculan dengan menambahkan / g di akhir ekspresi reguler.
var example = "potato potato"; console.log(example.replace(/pot/, "tom"));
Mengambil Nilai Unik
Kami dapat membuat array baru dengan hanya nilai unik menggunakan objek Set dan operator Spread.
var entries = [1, 2, 2, 3, 4, 5, 6, 6, 7, 7, 8, 4, 2, 1] var unique_entries = [...new Set(entries)]; console.log(unique_entries);
Konversi angka menjadi string
Kami hanya perlu menggunakan operator gabungan dengan satu set kutipan kosong.
var converted_number = 5 + ""; console.log(converted_number);
Ubah string menjadi angka
Yang kita butuhkan adalah operator +.
Hati-hati dengan ini, karena ini hanya bekerja dengan nomor string.
the_string = "123"; console.log(+the_string);
Acak item dari array
Setiap hari saya shufflin ':-)
var my_list = [1, 2, 3, 4, 5, 6, 7, 8, 9]; console.log(my_list.sort(function() { return Math.random() - 0.5 }));
Menghaluskan array multidimensi
Hanya menggunakan pernyataan Spread.
var entries = [1, [2, 5], [6, 7], 9]; var flat_entries = [].concat(...entries);
Kondisi Jalan Pintas
Mari kita ambil contoh ini:
if (available) { addToCart(); }
Dan Anda dapat mempersingkatnya dengan hanya menggunakan variabel bersama dengan fungsi:
available && addToCart()
Nama properti dinamis
Saya selalu berpikir bahwa saya harus mendeklarasikan objek terlebih dahulu sebelum saya dapat menetapkan properti dinamis.
const dynamic = 'flavour'; var item = { name: 'Coke', [dynamic]: 'Cherry' } console.log(item);
Gunakan panjang untuk mengubah ukuran / menghapus array
Kami pada dasarnya menulis ulang panjang array.
Jika kami ingin mengubah ukuran array:
var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length);
Jika kita ingin menghapus array:
var entries = [1, 2, 3, 4, 5, 6, 7]; console.log(entries.length);
Petunjuk JavaScript itu keren, tetapi pastikan aplikasi web Anda berjalan dengan benar di semua browser dan perangkat. Pastikan untuk mengurus ini.