ID (Indonesia) Translation
JavaScript - Objek Global
Pengenalan ke Objek Global di JavaScript
Hai teman-teman, para ahli JavaScript masa depan! Hari ini, kita akan memulai perjalanan menarik ke dunia Objek Global JavaScript. Bayangkanlah objek ini sebagai VIP di alam JavaScript – mereka selalu ada, siap membantu, tanpa menghiraukan tempat Anda berada dalam kode. Ayo masuk dan buka kekuatan entitas yang kekal ini!
Apa Itu Objek Global?
Objek global di JavaScript seperti pisau Switzerland programming – mereka adalah alat multifungsi yang selalu tersedia bagi Anda. Objek ini secara otomatis diciptakan ketika Anda mulai menjalankan JavaScript, dan mereka dapat diakses dari mana saja dalam kode Anda. Bayangkan mereka sebagai asisten yang selalu ada di samping Anda, siap membantu dengan berbagai tugas.
Objek Window: Raja Objek Global
Dalam browser web, raja dari semua objek global adalah objek window
. Dia seperti bos halaman web Anda, mengawasi segala sesuatunya. Mari kita lihat contoh sederhana:
console.log(window.innerWidth);
console.log(window.innerHeight);
Ketika Anda menjalankan kode ini di browser, dia akan menampilkan lebar dan tinggi jendela browser Anda. Keren, kan? Seperti memiliki pita pengukur yang terpasang dalam halaman web Anda!
Contoh Objek Global dan Metode-Metode mereka
Sekarang, mari kita jelajahi beberapa objek global yang paling umum dan metode-metode mereka. Saya akan menunjukkan kepada Anda bagaimana mereka dapat membuat kehidupan Anda sebagai pemrogram menjadi lebih mudah.
1. Objek Math: Teman Matematika Anda
Objek Math
seperti memiliki kalkulator super cerdas yang selalu ada di jari Anda. Berikut adalah beberapa contoh:
console.log(Math.PI); // Output: 3.141592653589793
console.log(Math.round(4.7)); // Output: 5
console.log(Math.random()); // Output: nomor acak antara 0 dan 1
Dalam contoh ini, kita menggunakan objek Math
untuk mengakses nilai PI, membulatkan sebuah nomor, dan menghasilkan nomor acak. Seperti memiliki seorang ahli matematika sebagai asisten pribadi Anda!
2. Objek Date: Teman Waktu-Perjalanan Anda
Objek Date
membantu Anda bekerja dengan tanggal dan waktu. Itu seperti memiliki mesin waktu dalam kode Anda!
let today = new Date();
console.log(today.getFullYear()); // Output: tahun saat ini (misalnya, 2023)
console.log(today.getMonth()); // Output: bulan saat ini (0-11)
console.log(today.getDate()); // Output: hari bulan saat ini
Kode ini menciptakan objek Date
baru yang mewakili tanggal dan waktu saat ini, kemudian mengambil bagian tertentu dari itu. Seperti meminta teman waktu-perjalanan Anda, "Hai, tahun apa sekarang?"
3. Objek String: Penyempurna Teks
Objek String
adalah asisten utama Anda untuk bekerja dengan teks. Lihat metode-metode ini:
let message = "Hello, World!";
console.log(message.length); // Output: 13
console.log(message.toUpperCase()); // Output: HELLO, WORLD!
console.log(message.split(", ")); // Output: ["Hello", "World!"]
Di sini, kita menggunakan metode objek String
untuk menghitung karakter, memperbesar pesan Anda, dan membagi pesannya menjadi bagian. Seperti memiliki seorang teman yang ahli dalam manipulasi teks yang dapat membantu Anda dalam berbagai cara!
Menggunakan Objek Global JavaScript untuk Polyfill
Sekarang, mari bicarakan konsep yang lebih tingkat lanjut: polyfill. Jangan khawatir jika itu terdengar menakutkan – saya akan membongkar itu untuk Anda!
Polyfill seperti jembatan antara JavaScript lama dan baru. Itu memungkinkan Anda untuk menggunakan fitur JavaScript baru di browser yang belum mendukungnya. Objek global memainkan peran penting dalam membuat polyfill.
Berikut adalah contoh polyfill untuk metode Array.prototype.includes
:
if (!Array.prototype.includes) {
Array.prototype.includes = function(searchElement, fromIndex) {
if (this == null) {
throw new TypeError('"this" adalah null atau tidak didefinisikan');
}
var o = Object(this);
var len = o.length >>> 0;
if (len === 0) {
return false;
}
var n = fromIndex | 0;
var k = Math.max(n >= 0 ? n : len - Math.abs(n), 0);
while (k < len) {
if (o[k] === searchElement) {
return true;
}
k++;
}
return false;
};
}
Kode ini memeriksa jika metode includes
tidak ada di Array.prototype
. Jika tidak, dia menambahkan metode ini, memungkinkan Anda untuk menggunakan includes
bahkan di browser yang belum mendukungnya.
Itu seperti mengajarkan seekor anjing tua trick baru – kita memberikan browser lama kemampuan untuk mengerti dan menggunakan fitur JavaScript baru!
Kesimpulan
Dan begitu, teman-teman saya! Kita telah mengambil perjalanan singkat melalui Objek Global JavaScript, dari dasar hingga konsep yang lebih tingkat lanjut. Ingat, objek global ini adalah teman setia Anda di dunia JavaScript, selalu ada untuk membantu.
Sekiranya Anda terus menjalankan perjalanan coding Anda, Anda akan menemukan diri Anda menggunakan objek global ini lebih dan lebih. Mereka seperti alat di dalam kotak peralatan seorang tukang kayu – semakin Anda menggunakannya, semakin Anda akan menghargai kekuatan dan fleksibilitas mereka.
Terus latih, terus jelajahi, dan terutama, terus bersenang-senang dengan JavaScript! Siapa tahu, mungkin suatu hari Anda akan menciptakan objek global yang menakjubkan sendiri yang akan dicerna oleh para pemrogram masa depan. Selamat coding!
Credits: Image by storyset