Osnove JavaScript

JavaScript je vsestranski programski jezik ki se uporablja predvsem za ustvarjanje interaktivnih in dinamičnih elementov na spletnih straneh. V nadaljevanju je predstavljenih nekaj temeljnih konceptov in primerov za začetek:

1. Spremenljivke in podatkovni tipi:

• Spremenljivke se uporabljajo za shranjevanje podatkovnih vrednosti. Uporaba naj ali const za deklariranje spremenljivk.

  naj sporočilo = 'Pozdravljen, svet!';
  const PI = 3.14;

• JavaScript ima več podatkovnih vrst:
• Primitivni tipi: Niz, število, logično, nedoločeno, ničla
• Kompleksne vrste: Objekt, polje, funkcija

2. Upravljavci:

• Aritmetični operatorji: +, -, *, /, %
• Operatorji za primerjavo: ==, ===, !=, !==, >, <, >=, <=
• Logični operatorji: && (IN), || (OR), ! (NE)

3. Nadzorne strukture:

• Izjava If:

  naj num = 10;
  if (num > 0) {
    console.log('Pozitivno število');
  } else {
    console.log('Negativno število');
  }

• Za zanko:

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

• Medtem ko je zanka:

  pustite count = 0;
  while (count < 3) {
    console.log(count);
    count++;
  }

4. Funkcije:

• Funkcije so ponovno uporabni bloki kode, ki izvajajo določeno nalogo.

  funkcija pozdrav(ime) {
    console.log('Pozdravljen, ' + ime + '!');
  }
  pozdrav('John');

• Funkcije puščic:

  const square = (x) => {
    vrne x * x;
  };
  console.log(square(5)); // Rezultat: 25

5. Matrike in objekti:

• Matrike:

  naj sadje = ['jabolko', 'banana', 'pomaranča'];
  console.log(fruits[0]); // Rezultat: jabolko
  fruits.push('grape');

• Predmeti:

  naj oseba = {
    ime: 'John',
    priimek: 'Doe',
    starost: 30 let,
    polno ime: funkcija() {
      vrne this.firstName + ' ' + this.lastName;
    }
  };
  console.log(person.fullName()); // Izpis: John Doe

6. Manipulacija DOM:

• Objektni model dokumenta (DOM) predstavlja strukturo dokumentov HTML.
• JavaScript lahko uporabljate za interakcijo z DOM in manipulacijo z njim.

  // Pridobi element po ID
  naj heading = document.getElementById('main-heading');
  heading.style.color = 'red';

  // Ustvari nov element
  let paragraph = document.createElement('p');
  paragraph.textContent = 'To je nov odstavek.';
  document.body.appendChild(paragraph);

7. Dogodki:

• Dogodki so dejanja ali dogodki, ki se zgodijo v brskalniku.
• JavaScript lahko posluša dogodke in se nanje odziva.

  naj gumb = document.getElementById('myButton');
  button.addEventListener('click', function() {
    console.log('Gumb je kliknjen!');
  });

8. Asinhroni JavaScript:

• JavaScript je enonitni, vendar lahko asinhrone operacije izvajate z uporabo povratnih klicev, obljub in async/await.

  // Uporaba obljub
  funkcija fetchData() {
    vrni novo obljubo((resolve, reject) => {
      setTimeout(() => {
        resolve('Podatki so bili uspešno pridobljeni');
      }, 2000);
    });
  }

  fetchData()
    .then(data => {
      console.log(data);
    })
    .catch(error => {
      console.error(error);
    });

9. Ravnanje z napakami:

• Uporabite poskusite...ujeti blokov za elegantno obravnavo napak.

  poskusite {
    // Koda, ki lahko vrže napako
    vrzi novo napako('Nekaj je šlo narobe');
  } catch (error) {
    console.error(error.message);
  }

10. Lokalno shranjevanje:

• JavaScript lahko podatke shranjuje lokalno v pomnilniku brskalnika.

  // Shranjevanje podatkov
  localStorage.setItem('username', 'John');

  // Pridobivanje podatkov
  let username = localStorage.getItem('username');
  console.log('Username:', username); // Izpis: Uporabniško ime: John

  // Odstrani podatke
  localStorage.removeItem('username');

Zaključek:

To so nekateri temeljni koncepti in primeri JavaScripta. Pri nadaljnjem učenju se boste srečali z naprednejšimi temami, kot so AJAX, funkcije ES6 (kot so razredi in moduli), API-ji ter ogrodja/brarice, kot so React, Vue.js in Node.js. Z vajami kodiranja in gradnjo projektov boste utrdili svoje razumevanje JavaScripta in njegovih zmožnosti za ustvarjanje dinamičnih in interaktivnih spletnih aplikacij.

Priporočite prijatelje. Skupaj zaslužite kriptovalute.

Zaslužite do 40% provizije za vsako trgovino v Binance Spot, terminske pogodbe in pool.

Do 50% izklop igralne opreme

Kupite Xbox, Playstation in še več.

Velja do 2025/08/01

Do 40% off glasbenih instrumentov

Zapojte se s kitarami, klaviaturami in drugimi glasbili.

Velja do 2024/09/30