Innebygde funksjoner i TypeScript

Denne artikkelen forklarer innebygde funksjoner i TypeScript.

YouTube Video

Innebygde funksjoner i TypeScript

Innebygde funksjoner i TypeScript er praktiske funksjoner som gjør det mulig å utføre daglige operasjoner på en enkel måte. Dette er standard JavaScript-funksjoner med forbedret typesikkerhet, noe som gjør dem spesielt nyttige når man koder i TypeScript. Her skal vi forklare i detalj noen viktige innebygde funksjoner, deres bruk og typespesifikasjon.

Hva er innebygde funksjoner?

TypeScripts innebygde funksjoner er basert på standard JavaScript-funksjoner. Ved å bruke TypeScripts typesystem forbedres typekontroll og autofullføring. Hovedfunksjonene inkluderer følgende:.

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

Disse funksjonene brukes mye i TypeScript-prosjekter for enkel datakonvertering og evaluering.

parseInt()

parseInt() er en funksjon som brukes til å konvertere en streng til et heltall. Du kan angi grunntallet (for eksempel binær, desimal) som det andre argumentet. I TypeScript kan du angi typen som følger:.

 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)

• Spesifiser at inndata er en streng med value: string
• Returverdien angis eksplisitt som en number-type.

parseFloat()

parseFloat() er en funksjon som brukes til å konvertere en streng til et flyttall.

 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() kan korrekt analysere tall som inkluderer desimaler.
• Ved å spesifisere typen kan du få en advarsel under typekontroll hvis inndata ikke er et tall.

isNaN()

isNaN() er en funksjon som fastslår om den gitte verdien er NaN (Not-a-Number). Et eksempel på bruk i TypeScript er som følger:.

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

• unknown-typen er en generell type som kan akseptere hvilken som helst type.
• Konverter til et tall ved å bruke Number()-funksjonen, og sjekk om resultatet er NaN.

isFinite()

isFinite() fastslår om en verdi er endelig.

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

• Denne funksjonen bruker også Number() for å konvertere verdien til et tall før den fastslår.

Number()

Number()-funksjonen konverterer strenger eller boolske verdier til tall.

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

• I dette eksempelet brukes en unionstype string | boolean for å spesifisere at argumentet enten er en streng eller en boolsk verdi.

String()

String()-funksjonen konverterer tall eller boolske verdier til strenger.

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

• I dette eksempelet opprettes en funksjon som aksepterer en unionstype number | boolean og konverterer resultatet til en streng.

Array()

Array()-funksjonen brukes til å opprette en ny matrise. I tillegg gir den mange nyttige metoder for å lage underlister fra eksisterende lister eller trekke ut spesifikke elementer.

 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]

• Dette eksempelet demonstrerer hvordan man oppretter en ny matrise ved hjelp av Array()-funksjonen og lager en underliste ved hjelp av slice()-metoden.

Array.isArray()

Array.isArray() avgjør om den gitte verdien er en matrise.

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

• Ved å bruke unknown-typen aksepterer vi enhver type mens vi sjekker om det er en matrise.

eval()

eval()-funksjonen evaluerer en streng som et uttrykk og returnerer resultatet. Det anbefales imidlertid ikke å bruke den på grunn av sikkerhets- og ytelsesrisiko.

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

• I dette eksempelet evalueres et uttrykk gitt som en streng ved hjelp av eval, og resultatet skrives ut.

encodeURI()

encodeURI()-funksjonen koder hele URL-en og erstatter visse tegn.

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"

• Dette eksempelet koder mellomrom som %20 for å generere en sikker URL.

decodeURI()

decodeURI()-funksjonen dekoder en kodet URL tilbake til sitt opprinnelige format.

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"

• Dette eksempelet dekoder en kodet URL-streng tilbake til originalen.

setTimeout()

setTimeout()-funksjonen utfører en angitt funksjon etter den gitte forsinkelsestiden (i millisekunder).

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

• Dette eksempelet viser en melding etter 2 sekunder.

setInterval()

setInterval()-funksjonen utfører en angitt funksjon gjentatte ganger med det spesifiserte intervallet (i millisekunder).

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);

• Dette eksempelet viser en melding med ett sekunds intervaller og stopper etter å ha blitt utført tre ganger.

Konklusjon

TypeScripts innebygde funksjoner muliggjør sikrere og mer effektiv koding ved å legge til typesikkerhet i standard JavaScript-funksjoner. Disse funksjonene forenkler daglige programmeringsoppgaver og forbedrer lesbarheten og vedlikeholdbarheten til koden. Hver funksjon brukes riktig i henhold til sitt formål, og ved å spesifisere typer kan den oppdage feil på forhånd, og spiller en viktig rolle i å forbedre påliteligheten til utviklingsprosessen.

Ved å bruke TypeScript kan utviklingen dra nytte av statisk typing samtidig som den utnytter JavaScripts fleksibilitet.

Du kan følge med på artikkelen ovenfor ved å bruke Visual Studio Code på vår YouTube-kanal. Vennligst sjekk ut YouTube-kanalen.

YouTube Video