Di Chrome 72, kami telah menambahkan dukungan untuk:
- Membuat kolom class publik di JavaScript kini jauh lebih rapi.
- Anda dapat melihat apakah halaman telah diaktifkan dengan User Activation API yang baru
- Melokalkan daftar menjadi jauh lebih mudah dengan
Intl.format()
API.
Dan masih ada banyak lagi.
Saya Pete LePage. Mari pelajari dan lihat apa yang baru untuk developer di Chrome 72.
Log Perubahan
Informasi ini hanya mencakup beberapa sorotan utama, periksa link di bawah untuk melihat perubahan tambahan di Chrome 72.
- Daftar perubahan repositori sumber Chromium
- Update ChromeStatus.com untuk Chrome 72
- Penghentian & penghapusan Chrome 72
Kolom class publik
Bahasa pertama saya adalah Java, dan belajar JavaScript membuat saya sedikit loop. Bagaimana cara membuat kelas? Atau pewarisan? Bagaimana dengan properti dan metode publik dan pribadi? Banyak update terbaru pada JavaScript yang membuat pemrograman berorientasi objek jauh lebih mudah.
Sekarang saya dapat membuat class yang berfungsi seperti yang saya harapkan, lengkap dengan konstruktor, pengambil dan penyetel, metode statis, serta properti publik.
Berkat V8 7.2, yang disertakan bersama Chrome 72, Anda kini dapat mendeklarasikan kolom class publik langsung di definisi class sehingga tidak perlu melakukannya di konstruktor.
class Counter {
_value = 0;
get value() {
return this._value;
}
increment() {
this._value++;
}
}
const counter = new Counter();
console.log(counter.value);
// → 0
counter.increment();
console.log(counter.value);
// → 1
Dukungan untuk kolom class pribadi sedang dalam proses.
Detail selengkapnya ada dalam artikel Mathias tentang kolom class untuk detail selengkapnya.
API Aktivasi Pengguna
Ingat kapan situs dapat memutar suara secara otomatis segera setelah halaman dimuat? Anda bergegas untuk menekan tombol bisukan, atau mencari tahu tab mana itu, dan menutupnya. Itulah sebabnya beberapa API memerlukan aktivasi melalui gestur pengguna sebelum dapat berfungsi. Sayangnya, browser menangani aktivasi dengan cara yang berbeda.
Chrome 72 memperkenalkan Aktivasi Pengguna v2, yang menyederhanakan aktivasi pengguna untuk semua API dengan akses terbatas. Fitur ini didasarkan pada spesifikasi baru yang bertujuan untuk menstandarkan cara kerja aktivasi di semua browser.
Ada properti userActivation
baru di navigator
dan MessageEvent
, yang memiliki dua properti: hasBeenActive
dan isActive
:
hasBeenActive
menunjukkan apakah jendela terkait pernah melihat aktivasi pengguna dalam siklus prosesnya.isActive
menunjukkan apakah jendela terkait saat ini memiliki aktivasi pengguna dalam siklus prosesnya.
Detail selengkapnya ada di Membuat aktivasi pengguna konsisten di seluruh API
Melokalkan daftar hal dengan Intl.format
Saya menyukai Intl
API, sangat membantu untuk melokalkan konten ke
bahasa lain. Di Chrome 72, ada metode .format()
baru yang mempermudah
daftar rendering. Seperti API Intl
lainnya, API ini mengalihkan beban ke
mesin JavaScript, tanpa mengorbankan performa.
Lakukan inisialisasi dengan lokalitas yang Anda inginkan, lalu panggil format
, dan kata serta sintaksis yang benar akan digunakan. Aplikasi ini dapat melakukan hubungan - yang menambahkan terjemahan
yang setara dengan and (dan melihat koma oxford yang indah tersebut). Class ini dapat melakukan
disjungsi - menambahkan lokal yang setara dengan or. Dan dengan memberikan beberapa
opsi tambahan, Anda dapat melakukan lebih banyak lagi.
const opts = {type: 'disjunction'};
const lf = new Intl.ListFormat('fr', opts);
lf.format(['chien', 'chat', 'oiseau']);
// → 'chien, chat ou oiseau'
lf.format(['chien', 'chat', 'oiseau', 'lapin']);
// → 'chien, chat, oiseau ou lapin'
Lihat postingan Intl.ListFormat API untuk mengetahui detail selengkapnya.
Dan banyak lagi!
Ini hanyalah beberapa perubahan di Chrome 72 untuk developer, tentu saja masih banyak lagi.
- Chrome 72 mengubah perilaku
Cache.addAll()
agar lebih sesuai dengan spesifikasi. Sebelumnya, jika ada entri duplikat dalam panggilan yang sama, permintaan berikutnya akan menimpa entri pertama. Agar cocok dengan spesifikasi, jika ada entri duplikat, entri akan ditolak denganInvalidStateError
. - Permintaan untuk favicon kini ditangani oleh pekerja layanan, selama URL permintaan berada di asal yang sama dengan pekerja layanan.
Subscribe
Ingin terus mendapatkan video terbaru kami, lalu berlangganan channel YouTube Developer Chrome kami, dan Anda akan mendapatkan notifikasi email setiap kali kami meluncurkan video baru.
Saya Pete LePage, dan segera setelah Chrome 73 dirilis, saya akan memberi tahu Anda apa yang baru di Chrome!