JavaScript er et højniveau, fortolket programmeringssprog, der primært bruges til at skabe interaktive og dynamiske webapplikationer. Det er en essentiel del af webudvikling, sammen med HTML og CSS. Oprindeligt udviklet af Brendan Eich, mens han arbejdede hos Netscape, er JavaScript blevet et alsidigt sprog, der understøtter begivenhedsdrevet, funktionel og imperativ programmeringsstile. Det er nu en integreret del af webteknologier med et bredt økosystem, der omfatter adskillige rammer, biblioteker og runtime-miljøer, mest bemærkelsesværdigt Node.js.
JavaScript blev oprettet i 1995 under navnet Mocha, senere omdøbt til LiveScript og til sidst til JavaScript for at udnytte populariteten af Java. Den første version blev udgivet i Netscape Navigator 2.0, hvilket gjorde det muligt for udviklere at tilføje dynamisk indhold til websteder. Sproget blev standardiseret under European Computer Manufacturers Association (ECMA) som ECMAScript i 1997, med efterfølgende versioner, der introducerede nøglefunktioner, der udvidede dets kapabiliteter.
Evolutionen af JavaScript omfattede introduktionen af funktioner som objektorienteret programmering og asynkron programmering (promises og callbacks). Bemærkelsesværdigt introducerede ECMAScript 5 (2009) "strict mode", JSON-understøttelse og forbedrede array-metoder, mens ECMAScript 6 (2015), også kendt som ES6 eller ECMAScript 2015, bragte betydelige ændringer som pilfunktioner, klasser og moduler. Udgivelsen af ES6 markerede et paradigmeskift, da det gjorde JavaScript til et mere robust sprog, der er velegnet til udvikling af storskala applikationer.
I dag er JavaScript allestedsnærværende i webudvikling, der driver front-end rammer som React, Angular og Vue.js, samt back-end udvikling gennem Node.js. Sproget fortsætter med at udvikle sig med årlige udgivelser af ECMAScript, der introducerer nye funktioner og forbedringer. Med den stigende brug af JavaScript i mobilapp-udvikling, desktop-applikationer (ved hjælp af Electron) og endda enterprise-niveau applikationer, forbliver dets relevans og betydning i softwareudviklingslandskabet stærk.
JavaScript er et dynamisk typet sprog, der tillader variabler at holde værdier af enhver type uden eksplicit typeerklæring.
let eksempel = "Hej, Verden!";
eksempel = 42; // Ingen fejl, eksempel kan ændre typer
Funktioner i JavaScript er førsteklasses borgere, hvilket betyder, at de kan tildeles variabler, videregives som argumenter og returneres fra andre funktioner.
const hils = function(navn) {
return `Hej, ${navn}`;
};
console.log(hils("Alice")); // Output: Hej, Alice
Introduceret i ES6, giver pilfunktioner en mere kortfattet syntaks til at skrive funktioner og binder ikke deres egen this.
const lægSammen = (a, b) => a + b;
console.log(lægSammen(2, 3)); // Output: 5
Promises forenkler asynkron programmering ved at repræsentere en værdi, der muligvis er tilgængelig i fremtiden.
const hentData = () => {
return new Promise((resolve, reject) => {
// simulere et API-kald
setTimeout(() => resolve("Data modtaget!"), 1000);
});
};
hentData().then(data => console.log(data)); // Output efter 1 sekund: Data modtaget!
Template literals muliggør nem strenginterpolation og flersporede strenge.
const navn = "Alice";
const hilsen = `Hej, ${navn}!`;
console.log(hilsen); // Output: Hej, Alice!
Destructuring assignment forenkler udtrækningen af værdier fra arrays eller egenskaber fra objekter.
const person = { navn: "Alice", alder: 25 };
const { navn, alder } = person;
console.log(navn, alder); // Output: Alice 25
Spread-operatoren (...) tillader udvidelse af elementer fra en iterable, mens rest-operatoren samler de resterende elementer i et array.
const tal = [1, 2, 3];
const flereTal = [...tal, 4, 5]; // Output: [1, 2, 3, 4, 5]
const sum = (...args) => args.reduce((a, b) => a + b, 0);
console.log(sum(1, 2, 3)); // Output: 6
JavaScript understøtter klassebaseret objektorienteret programmering med class syntaksen introduceret i ES6.
class Dyr {
constructor(navn) {
this.navn = navn;
}
tal() {
console.log(`${this.navn} laver en lyd.`);
}
}
const hund = new Dyr("Hund");
hund.tal(); // Output: Hund laver en lyd.
JavaScript understøtter modulær programmering gennem ES6-moduler, der bruger import og export nøgleord.
// modul.js
export const navn = "Alice";
export function hils() {
console.log("Hej!");
}
// main.js
import { navn, hils } from './modul.js';
console.log(navn); // Output: Alice
hils(); // Output: Hej!
Async/await syntaksen forenkler arbejdet med promises, hvilket gør asynkron kode mere synkron udseende.
const hentData = async () => {
const respons = await fetch('https://api.example.com/data');
const data = await respons.json();
return data;
};
hentData().then(data => console.log(data));
JavaScript kører i forskellige miljøer, hvor browsermotorer som V8 (Chrome) og SpiderMonkey (Firefox) er de mest fremtrædende. Node.js gør det muligt at køre JavaScript på serversiden, hvilket giver udviklere mulighed for at bygge fuldt udbyggede webapplikationer med et ensartet sprog på både klient- og serversiden.
Almindelige IDE'er og kodeeditorer til JavaScript inkluderer Visual Studio Code, WebStorm, Atom og Sublime Text. Disse værktøjer tilbyder funktioner som syntaksfremhævning, intelligent kodekomplettering og fejlfinding.
For at opsætte et JavaScript-projekt bruger udviklere typisk pakkehåndteringsværktøjer som npm eller yarn til at administrere afhængigheder. En typisk projektstruktur inkluderer en index.html fil til webgrænsefladen, en hoved JavaScript-fil (ofte main.js), og muligvis en package.json fil til at administrere pakker.
npm init -y # Initialiserer et nyt JavaScript-projekt med standardindstillinger
npm install express # Installerer Express-rammen
JavaScript bruges i en lang række applikationer, herunder:
JavaScripts hovedkonkurrenter og alternativer inkluderer:
Hvert sprog har sine egne styrker og svagheder afhængigt af de specifikke behov i et projekt eller en applikation.
For at oversætte JavaScript-kode til andre sprog eller omvendt kan man bruge værktøjer som Babel (til at transpile moderne JavaScript til ældre versioner) eller TypeScript (til typekontrol og transpiling til JavaScript). Biblioteker som jQuery kan også hjælpe med DOM-manipulation på tværs af forskellige miljøer ved at tilbyde en ensartet API.
Ud over Babel og TypeScript kan andre værktøjer hjælpe med at oversætte eller konvertere JavaScript-kode: