JavaScript Academy · Lektion

Primitiver kontra objekt och grundläggande typer

Primitiver kontra objekt, de sju primitiverna, snabba typeof-kontroller och vanliga nybörjarfallgropar.

Lektion 1 av 38 steg

Primitiver kontra objekt och grundläggande typer är en gratis lektion i JavaScript Academy på CoddyKit. Detta är lektion 1 av 3. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för JavaScript Academy, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript Academy innehåller totalt 3 lektioner.

Introduktion

Mål: Skilj primitiva värden från objekt och identifiera alla sju primitiva typer med snabba kontroller.

  • Sju primitiva typer
  • Objekt kontra wrapper-objekt
  • Genomgång av typeof
Primitiver kontra objekt och grundläggande typer — illustration 1

Sju primitiva typer: genomgång av typeof

JavaScript har 7 primitiva typer: number, bigint, string, boolean, null, undefined och symbol.

// Seven primitives and typeof
const n = 42;                 
// number
const bi = 42n;               
// bigint
const s = "hello";            
// string
const b = true;               
// boolean
const u = undefined;          
// undefined
const nl = null;              
// null (primitive)
const sy = Symbol("id");      
// symbol (unique each time)

console.log(typeof n, typeof bi, typeof s, typeof b);
console.log(typeof u, typeof nl, typeof sy);
// Note: typeof null is "object" (historical quirk)
Primitiver kontra objekt och grundläggande typer — illustration 2

Primitiva värden kontra objekt

Primitiva värden är enskilda oföränderliga värden. Objekt innehåller egenskaper och jämförs genom referens (arrayer, funktioner och datum är objekt).

  • Primitiva värden jämförs efter värde
  • Objekt kan växa och ändras
Primitiver kontra objekt och grundläggande typer — illustration 3

Fallgrop med wrapper-objekt

Föredra literaler (t.ex. "hello") framför wrapper-objekt (new String, new Number, new Boolean).

// Avoid wrapper constructors for primitives
const s1 = "hi";              
// primitive string
const s2 = new String("hi");  
// String object (wrapper)

console.log(typeof s1);       
// "string"
console.log(typeof s2);       
// "object"

console.log(s1 === "hi");     
// true (value compare)
console.log(s2 === "hi");     
// false (object vs primitive)
Primitiver kontra objekt och grundläggande typer — illustration 4

Grunderna i BigInt och Symbol

BigInt hanterar mycket stora heltal. Symbol skapar unika nycklar för objekt.

// BigInt: integers beyond Number.MAX_SAFE_INTEGER
const big = 9007199254740993n;  
// 2^53 + 1
console.log(big + 7n);

// Symbol: unique identifiers
const a = Symbol("token");
const b = Symbol("token");
console.log(a === b); 
// false — symbols are always unique
Primitiver kontra objekt och grundläggande typer — illustration 5

null kontra undefined

undefined: deklarerad men inte tilldelad. null: ett uttryckligt ”inget värde”. Tips: typeof null returnerar "object" (en egenhet), men null är fortfarande ett primitivt värde.

Primitiver kontra objekt och grundläggande typer — illustration 6

Quiz: typeof null

Snabbkontroll: typeof null?

Primitiver kontra objekt och grundläggande typer — illustration 7

Sammanfattning

Sammanfattning: Ni identifierade de sju primitiva typerna, jämförde dem med objekt, undvek fallgropar med wrapper-objekt och lärde er om egenheten hos typeof null.

Primitiver kontra objekt och grundläggande typer — illustration 8
Gratis att börja

Lär dig JavaScript med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser
59
Lektioner
200

Vanliga frågor

Är lektionen ”Primitiver kontra objekt och grundläggande typer” gratis?

Ja – du kan läsa vilka 3 lektioner som helst i lärvägen JavaScript Academy, inklusive ”Primitiver kontra objekt och grundläggande typer”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i JavaScript Academy innehåller totalt 3 lektioner.

Vad lär jag mig i ”Primitiver kontra objekt och grundläggande typer”?

Primitiver kontra objekt, de sju primitiverna, snabba typeof-kontroller och vanliga nybörjarfallgropar. Ni övar på JavaScript Academy med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig JavaScript Academy?

Du behöver inga förkunskaper. Utbildningen i JavaScript Academy på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 3.

Hur lång tid tar lektionen ”Primitiver kontra objekt och grundläggande typer”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här JavaScript Academy-lektionen?

Ja. Varje JavaScript Academy-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

  1. Primitiver kontra objekt och grundläggande typer
  2. typeof, truthy/falsy och == kontra ===
  3. Typkonvertering: säkra mönster som undviker överraskningar
← Tillbaka till JavaScript Academy