Fungsi Bawaan dalam JavaScript

Artikel ini menerangkan fungsi bawaan dalam JavaScript.

YouTube Video

Fungsi Bawaan dalam JavaScript

JavaScript menyediakan pelbagai fungsi bawaan, yang merupakan alat yang kuat untuk mencipta program dengan cekap. Di sini, kami akan menerangkan secara terperinci tentang fungsi bawaan yang biasa dalam JavaScript. Dengan mempelajari peranan, kegunaan, dan peringatan setiap fungsi, anda dapat menggunakan JavaScript dengan lebih berkesan.

Apakah Fungsi Bawaan?

Fungsi Bawaan adalah fungsi yang disediakan secara standard dalam JavaScript. Fungsi ini direka untuk melaksanakan tugas tertentu dengan ringkas. Pengaturcara tidak perlu melaksanakannya secara bebas, yang meningkatkan kebolehbacaan dan penyelenggaraan kod.

Fungsi Bawaan Berwakil

parseInt()

1// Convert string to integer
2console.log(parseInt("42"));      // Output: 42
3console.log(parseInt("42px"));    // Output: 42
4console.log(parseInt("0xF", 16)); // Output: 15
5console.log(parseInt("0xF"));     // Output: 15
6console.log(parseInt("px42"));    // Output: NaN

• parseInt() adalah fungsi yang menganalisis nilai rentetan dan menukarnya kepada nombor bulat. Jika permulaan rentetan mengandungi nombor, bahagian tersebut akan dikembalikan sebagai nombor bulat. Radiks (asas) pilihan juga boleh ditentukan.

• Jika permulaan rentetan tidak mengandungi nombor, ia akan mengembalikan NaN (Bukan Nombor). Juga, jika radiks tidak ditentukan, ia akan default kepada perpuluhan, tetapi jika rentetan bermula dengan "0x", ia akan ditafsirkan sebagai heksadesimal.

parseFloat()

1// Convert string to float
2console.log(parseFloat("3.14"));      // Output: 3.14
3console.log(parseFloat("3.14abc"));   // Output: 3.14
4console.log(parseFloat("42"));        // Output: 42

• parseFloat() menganalisis nilai rentetan dan menukarnya kepada nombor titik terapung. Ia digunakan apabila berurusan dengan nombor yang mengandungi titik perpuluhan.

• Seperti parseInt(), jika permulaan rentetan bukan nombor, ia akan mengembalikan NaN. Ia dicirikan dengan menganalisis dengan betul bukan sahaja bahagian nombor bulat tetapi juga bahagian perpuluhan.

isNaN()

1console.log(isNaN(NaN));         // Output: true
2console.log(isNaN(42));          // Output: false
3console.log(isNaN("hello"));     // Output: true

• isNaN() menentukan sama ada nilai yang diberikan adalah NaN. NaN (Bukan Nombor) mewakili nilai yang tidak sah sebagai nombor.

• isNaN() juga sah untuk jenis data selain nombor, dan sebagai contoh, akan mengembalikan true jika rentetan tidak dapat ditukar menjadi nombor.

Number()

1console.log(Number("42"));        // Output: 42
2console.log(Number("3.14"));      // Output: 3.14
3console.log(Number("0xff"));      // Output: 255
4console.log(Number("abc"));       // Output: NaN

• Number() adalah fungsi yang menukarkan rentetan atau jenis data lain kepada nombor. Ia akan mengembalikan NaN jika rentetan bukan berangka diberikan.

• Tidak seperti parseInt() atau parseFloat(), Number() menganggapnya sebagai penukaran tidak sah dan mengembalikan NaN jika rentetan mengandungi aksara bukan berangka.

String()

1console.log(String(42));           // Output: "42"
2console.log(String(3.14));         // Output: "3.14"
3console.log(String(true));         // Output: "true"
4console.log(String(null));         // Output: "null"
5console.log(String(undefined));    // Output: "undefined"

• String() ialah fungsi yang menukarkan nombor dan jenis data lain kepada rentetan. String(42) mengembalikan rentetan "42".
• Jika nilai yang hendak ditukarkan ialah null atau undefined, ia akan mengembalikan rentetan "null" atau "undefined" masing-masing.
• Ia berguna untuk mengendalikan pelbagai jenis data, seperti nombor, boolean, atau objek, dengan menukarkannya kepada rentetan.

Array

1const arr = Array(3);
2console.log(arr); // Output: [ <3 empty items> ]
3
4const arr2 = Array(1, 2, 3);
5console.log(arr2); // Output: [1, 2, 3]

• Array ialah pembina yang digunakan untuk mencipta tatasusun baru.
• Jika terdapat satu argumen, ia dianggap sebagai panjang tatasusun, dan tatasusun kosong akan dicipta.
• Jika terdapat beberapa argumen, tatasusun dengan nilai-nilai tersebut sebagai unsur-unsurnya akan dicipta.

Array.isArray()

1console.log(Array.isArray([1, 2, 3])); // Output: true
2console.log(Array.isArray("not an array")); // Output: false

• Array.isArray() ialah kaedah yang menentukan sama ada argumen tersebut ialah tatasusun.
• Ia mengembalikan true jika argumen ialah tatasusun, dan false sebaliknya.

isFinite()

1console.log(isFinite(42));         // Output: true
2console.log(isFinite(Infinity));   // Output: false
3console.log(isFinite(NaN));        // Output: false

• isFinite() menentukan sama ada nilai yang diberikan adalah terhingga. Mengembalikan true untuk nombor terhingga, dan false jika tidak (seperti untuk infiniti atau NaN).

• Dalam JavaScript, Infinity dan -Infinity mewakili infiniti dan adalah jenis nombor, tetapi isFinite() menganggap infiniti sebagai nilai tidak sah.

eval()

1let expression = "2 + 2";
2console.log(eval(expression));    // Output: 4
3
4console.log(eval("var x = 10; x * 2"));  // Output: 20

• eval() adalah fungsi yang menilai dan melaksanakan kod JavaScript yang diberikan sebagai rentetan. Anda boleh melaksanakan kod JavaScript secara dinamik.

• eval() sangat berkuasa, tetapi ia membawa risiko keselamatan, jadi ia harus dielakkan dalam pembangunan sebenar. Melaksanakan kod yang disediakan secara luaran dengan eval() boleh menyebabkan gelagat tidak diingini dan kerentanan keselamatan.

encodeURI() / decodeURI()

1let url = "https://example.com/?name=John Doe&age=25";
2let encodedUrl = encodeURI(url);
3console.log(encodedUrl);
4// Output: https://example.com/?name=John%20Doe&age=25
5
6let decodedUrl = decodeURI(encodedUrl);
7console.log(decodedUrl);
8// Output: https://example.com/?name=John Doe&age=25

• encodeURI() adalah fungsi yang digunakan untuk mengekod (menukar) aksara yang tidak boleh digunakan dalam URL. Sebaliknya, decodeURI() menyahkod URL yang telah disandikan kepada bentuk asalnya.

• Pengekodan adalah sangat penting apabila berurusan dengan aksara khas. Sebagai contoh, aksara seperti ruang atau & perlu disandikan untuk dimasukkan dengan betul dalam URL, jadi ia mesti diproses dengan sesuai menggunakan encodeURI().

setTimeout() / setInterval()

 1// Execute a function after 2 seconds
 2setTimeout(() => {
 3    console.log("This runs after 2 seconds");
 4}, 2000);
 5
 6// Execute a function every 1 second
 7let intervalId = setInterval(() => {
 8    console.log("This runs every 1 second");
 9}, 1000);
10
11// Stop the interval after 5 seconds
12setTimeout(() => {
13    clearInterval(intervalId);
14}, 5000);

• setTimeout() adalah fungsi pemasa yang digunakan untuk melaksanakan fungsi sekali selepas masa tertentu. setInterval() melaksanakan fungsi berulang kali pada selang masa tertentu.

• setTimeout() dan setInterval() melaksanakan secara tak segerak, memanggil fungsi selepas masa tertentu berakhir. Adalah juga mungkin untuk membatalkan pelaksanaan menggunakan clearTimeout() atau clearInterval().

Ringkasan

Menggunakan fungsi terbina dalam JavaScript membolehkan anda menulis program yang lebih mudah dan cekap. Fungsi yang diperkenalkan di sini adalah asas dan berguna dalam pelbagai situasi. Pastikan anda menulis kod sebenar dan mengesahkan gelagatnya untuk memperdalam pemahaman anda.

Pelajari proses yang lebih kompleks dan penggunaan fungsi lanjutan untuk meningkatkan lagi kemahiran JavaScript anda.

Anda boleh mengikuti artikel di atas menggunakan Visual Studio Code di saluran YouTube kami. Sila lihat juga saluran YouTube kami.

YouTube Video