Fungsi Terbina dalam TypeScript

Artikel ini menerangkan fungsi terbina dalam TypeScript.

YouTube Video

Fungsi Terbina dalam TypeScript

Fungsi terbina dalam TypeScript adalah fungsi yang mudah digunakan untuk melaksanakan operasi seharian secara ringkas. Fungsi ini adalah fungsi standard JavaScript dengan keselamatan jenis yang ditambah, menjadikannya sangat berguna semasa pengaturcaraan dalam TypeScript. Di sini, kami akan menerangkan secara terperinci beberapa fungsi terbina penting, penggunaannya, dan spesifikasi jenisnya.

Apakah Fungsi Terbina?

Fungsi terbina dalam TypeScript adalah berdasarkan fungsi standard JavaScript. Mengaplikasikan sistem jenis TypeScript meningkatkan pemeriksaan jenis dan autolengkap. Fungsi utama termasuk perkara berikut:.

• parseInt()
• parseFloat()
• isNaN()
• isFinite()
• Number()
• String()
• Array()
• Array.isArray()
• eval()
• encodeURI()
• decodeURI()
• setTimeout()
• setInterval()

Fungsi ini kerap digunakan dalam projek TypeScript untuk penukaran dan penilaian data yang ringkas.

parseInt()

parseInt() ialah fungsi yang digunakan untuk menukar rentetan kepada integer. Anda boleh menentukan radix (seperti binari, perpuluhan) sebagai hujah kedua. Dalam TypeScript, anda boleh menentukan jenis seperti berikut:.

 1function stringToInt(value: string, radix: number = 10): number {
 2    const result: number = parseInt(value, radix);
 3    if (isNaN(result)) {
 4        throw new Error('Invalid number format');
 5    }
 6    return result;
 7}
 8
 9console.log(stringToInt("42")); // 42
10console.log(stringToInt("101010", 2)); // 42 (converted from binary)

• Tentukan input sebagai rentetan dengan value: string
• Nilai pulangan ditentukan secara khusus sebagai jenis number.

parseFloat()

parseFloat() ialah fungsi yang digunakan untuk menukar rentetan kepada nombor titik terapung.

 1function stringToFloat(value: string): number {
 2    const result: number = parseFloat(value);
 3    if (isNaN(result)) {
 4        throw new Error('Invalid number format');
 5    }
 6    return result;
 7}
 8
 9console.log(stringToFloat("3.14")); // 3.14
10console.log(stringToFloat("2.71828")); // 2.71828

• parseFloat() boleh menganalisis nombor dengan betul termasuk titik perpuluhan.
• Dengan menentukan jenis, anda boleh menerima amaran semasa pemeriksaan jenis jika input bukan nombor.

isNaN()

isNaN() ialah fungsi yang menentukan jika nilai yang diberikan ialah NaN (Bukan Nombor). Penggunaan contoh dalam TypeScript adalah seperti berikut:.

1function checkNaN(value: unknown): boolean {
2    return isNaN(Number(value));
3}
4
5console.log(checkNaN("hello")); // true
6console.log(checkNaN(123)); // false

• Jenis unknown ialah jenis umum yang boleh menerima sebarang jenis.
• Tukar kepada nombor menggunakan fungsi Number(), dan semak jika hasilnya ialah NaN.

isFinite()

isFinite() menentukan jika nilai adalah terhingga.

1function isValueFinite(value: unknown): boolean {
2    return isFinite(Number(value));
3}
4
5console.log(isValueFinite("100")); // true
6console.log(isValueFinite(Infinity)); // false

• Fungsi ini juga menggunakan Number() untuk menukar nilai kepada nombor sebelum penentuan.

Number()

Fungsi Number() menukar rentetan atau nilai boolean kepada nombor.

1function convertToNumber(value: string | boolean): number {
2    return Number(value);
3}
4
5console.log(convertToNumber("42")); // 42
6console.log(convertToNumber(true)); // 1

• Dalam contoh ini, jenis kesatuan string | boolean digunakan untuk menyatakan bahawa argumen adalah sama ada string atau boolean.

String()

Fungsi String() menukar nombor atau nilai boolean kepada string.

1function convertToString(value: number | boolean): string {
2    return String(value);
3}
4
5console.log(convertToString(123)); // "123"
6console.log(convertToString(false)); // "false"

• Dalam contoh ini, satu fungsi dicipta yang menerima jenis kesatuan number | boolean dan menukar hasilnya kepada string.

Array()

Fungsi Array() digunakan untuk mencipta tatasusunan baru. Selain itu, ia menyediakan banyak kaedah berguna untuk mencipta sub-tatasusunan daripada tatasusunan sedia ada atau mengekstrak elemen tertentu.

 1function createArray(): Array<number> {
 2    return Array(1, 2, 3, 4, 5); // 新しい配列を作成
 3}
 4
 5function getSubArray(array: Array<number>): Array<number> {
 6    return array.slice(1, 4); // サブ配列を作成
 7}
 8
 9const numbers = createArray();
10console.log(numbers); // [1, 2, 3, 4, 5]
11
12const subArray = getSubArray(numbers);
13console.log(subArray); // [2, 3, 4]

• Contoh ini menunjukkan cara mencipta tatasusunan baru dengan menggunakan fungsi Array() dan mencipta sub-tatasusunan dengan menggunakan kaedah slice().

Array.isArray()

Array.isArray() menentukan sama ada nilai yang diberikan adalah satu tatasusunan.

1function checkArray(value: unknown): boolean {
2    return Array.isArray(value);
3}
4
5console.log(checkArray([1, 2, 3])); // true
6console.log(checkArray("Not an array")); // false

• Dengan menggunakan jenis unknown, kita menerima sebarang jenis sambil memeriksa jika ia adalah tatasusunan.

eval()

Fungsi eval() menilai satu string sebagai ekspresi dan mengembalikan hasilnya. Walau bagaimanapun, ia tidak disarankan untuk digunakan kerana risiko keselamatan dan prestasi.

1function evaluateExpression(expression: string): any {
2    return eval(expression);
3}
4
5console.log(evaluateExpression("2 + 3")); // 5
6console.log(evaluateExpression("'Hello ' + 'World!'")); // "Hello World!"

• Dalam contoh ini, ekspresi yang diberikan sebagai satu string dinilai menggunakan eval, dan hasilnya dipaparkan.

encodeURI()

Fungsi encodeURI() mengekod keseluruhan URL dan melarikan beberapa karakter tertentu.

1const uri = "https://example.com/page?name=John Doe&age=30";
2const encodedURI = encodeURI(uri);
3
4console.log(encodedURI); // "https://example.com/page?name=John%20Doe&age=30"

• Contoh ini mengekod ruang kepada %20 untuk menghasilkan URL yang selamat.

decodeURI()

Fungsi decodeURI() menyahkod URL yang telah dikodkan kembali kepada format asalnya.

1const encodedURI = "https://example.com/page?name=John%20Doe&age=30";
2const decodedURI = decodeURI(encodedURI);
3
4console.log(decodedURI); // "https://example.com/page?name=John Doe&age=30"

• Contoh ini menyahkodkan string URL yang dikodkan kembali kepada URL asal.

setTimeout()

Fungsi setTimeout() melaksanakan fungsi yang ditentukan selepas masa kelewatan tertentu (dalam milisaat).

1setTimeout(() => {
2    console.log("Executed after 2 seconds");
3}, 2000);

• Contoh ini memaparkan mesej selepas 2 saat.

setInterval()

Fungsi setInterval() melaksanakan fungsi yang ditentukan secara berulang pada selang waktu yang ditentukan (dalam milisaat).

1let count = 0;
2const intervalId = setInterval(() => {
3    count++;
4    console.log(`Interval executed ${count} time(s)`);
5    if (count === 3) {
6        clearInterval(intervalId); // Stops the interval after 3 executions
7    }
8}, 1000);

• Contoh ini memaparkan mesej pada setiap selang satu saat dan berhenti selepas dilaksanakan sebanyak tiga kali.

Kesimpulan

Fungsi terbina dalam TypeScript membolehkan pengekodan yang lebih selamat dan efisien dengan menambahkan keselamatan jenis pada fungsi JavaScript standard. Fungsi-fungsi ini mempermudahkan tugas pengaturcaraan harian dan meningkatkan kebolehbacaan serta penyelenggaraan kod. Setiap fungsi digunakan dengan betul mengikut tujuannya, dan dengan menentukan jenis, ia dapat mengesan kesalahan terlebih dahulu, memainkan peranan penting dalam meningkatkan kebolehpercayaan proses pembangunan.

Dengan menggunakan TypeScript, pembangunan boleh memanfaatkan taipan statik sambil menggunakan fleksibiliti JavaScript.

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

YouTube Video