Grundläggande om JavaScript

JavaScript är ett mångsidigt programmeringsverktyg språk används främst för att skapa interaktiva och dynamiska element på webbsidor. Nedan följer några grundläggande begrepp och exempel för att komma igång:

1. Variabler och datatyper:

• Variabler används för att lagra datavärden. Använd Låt eller konst för att deklarera variabler.

  let message = "Hej, världen!";
  const PI = 3,14;

• JavaScript har flera datatyper:
• Primitiva typer: String, Number, Boolean, Odefinierad, Null
• Komplexa typer: Objekt, Array, Funktion

2. Operatörer:

• Aritmetiska operatorer: +, -, *, /, %
• Jämförelseoperatorer: ==, ===, !=, !==, >, <, >=, <=
• Logiska operatorer: && (AND), || (OR), ! (NOT)

3. Kontrollstrukturer:

• Om uttalande:

  låt num = 10;
  if (num > 0) {
    console.log("Positivt tal");
  } else {
    console.log('Negativt tal');
  }

• För slinga:

  for (let i = 0; i < 5; i++) {
    console.log(i);
  }

• Medan-loop:

  låt antal = 0;
  while (antal < 3) {
    console.log(antal);
    antal++;
  }

4. Funktioner:

• Funktioner är återanvändbara kodblock som utför en specifik uppgift.

  funktion greet(namn) {
    console.log('Hej, ' + namn + '!');
  }
  greet('John');

• Funktioner för pilar:

  const kvadrat = (x) => {
    returnerar x * x;
  };
  console.log(square(5)); // Utdata: 25

5. Arrayer och objekt:

• Arrayer:

  låt frukter = ['äpple', 'banan', 'apelsin'];
  console.log(fruits[0]); // Utdata: äpple
  fruits.push('druva');

• Föremål:

  låt person = {
    förnamn: 'John',
    efternamn: 'Doe',
    ålder: 30,
    fullständigt namn: funktion() {
      return this.firstName + ' ' + this.lastName;
    }
  };
  console.log(person.fullName()); // Utdata: John Doe

6. DOM-manipulation:

• Dokumentobjektmodellen (DOM) representerar strukturen i HTML-dokument.
• JavaScript kan användas för att interagera med och manipulera DOM.

  // Hämta element efter ID
  let heading = document.getElementById('main-heading');
  heading.style.color = 'röd';

  // Skapa nytt element
  let paragraph = document.createElement('p');
  paragraph.textContent = 'Detta är ett nytt stycke.';
  document.body.appendChild(stycke);

7. Händelser:

• Händelser är åtgärder eller händelser som inträffar i webbläsaren.
• JavaScript kan lyssna efter och reagera på händelser.

  let button = document.getElementById('myButton');
  button.addEventListener('click', function() {
    console.log('Knapp klickad!');
  });

8. Asynkron JavaScript:

• JavaScript är enkeltrådat, men asynkrona operationer kan utföras med hjälp av callbacks, promises och async/await.

  // Använda löften
  funktion hämtaData() {
    return new Promise((resolve, reject) => {
      setTimeout(() => {
        resolve('Data hämtades framgångsrikt');
      }, 2000);
    });
  }

  hämta data()
    .then(data => {
      console.log(data);
    })
    .catch(fel => {
      console.error(error);
    });

9. Felhantering:

• Användning försök...fånga block för att hantera fel på ett elegant sätt.

  försök {
    // Kod som kan ge ett fel
    throw new Error("Något gick fel");
  } catch (fel) {
    console.error(error.message);
  }

10. Lokal förvaring:

• JavaScript kan lagra data lokalt i webbläsarens lagringsutrymme.

  // Lagra data
  localStorage.setItem('användarnamn', 'John');

  // Hämta data
  let användarnamn = localStorage.getItem('användarnamn');
  console.log('Användarnamn:', användarnamn); // Utdata: Användarnamn: John

  // Ta bort data
  localStorage.removeItem('användarnamn');

Slutsats:

Det här är några grundläggande begrepp och exempel på JavaScript. När du fortsätter att lära dig kommer du att stöta på mer avancerade ämnen som AJAX, ES6-funktioner (som klasser och moduler), API:er och ramverk/bibliotek som React, Vue.js och Node.js. Genom att öva på kodning och bygga projekt kommer du att fördjupa din förståelse för JavaScript och dess möjligheter att skapa dynamiska och interaktiva webbapplikationer.

Värva vänner. Tjäna kryptovaluta tillsammans.

Tjäna upp till 40% provision på varje handel över Binance Spot, Futures och Pool.

Upp till 50% rabatt på spelutrustning

Handla Xbox, Playstation och mycket mer.

Upphör att gälla 2025/08/01

Upp till 40% rabatt på musikinstrument

Rocka loss med gitarrer, keyboards och mycket mer.

Upphör att gälla 2024/09/30