JavaScript programiranje - osnove

JavaScript programski jezik

JavaScript promenljive

Deklarisanje JavaScript promenljive

U JavaScript-u, promenljiva je kontejner koji sadrži vrednost. Postoji nekoliko načina da se deklariše promenljiva u JavaScript-u, svaki sa svojom sintaksom i karakteristikama.

ključna reč 'var'

Ključna reč var je najstariji i najosnovniji način da se deklariše promenljiva u JavaScript-u. Ima opseg funkcije, što znači da je dostupan samo u okviru funkcije u kojoj je deklarisan.

var x = 5;

Ključna reč 'let' uvedena je u ECMAScript 6 (ES6) i slična je ključnoj reči 'var'. Međutim, ima blokovski opseg, što znači da je dostupan samo unutar bloka u kojem je deklarisan. Ovo može biti korisno za deklarisanje promenljivih koje će se koristiti samo unutar određenog bloka koda.

let y = 10;

Ključna reč 'const', takođe uvedena u ES6, koristi se za deklarisanje promenljive koja se ne može ponovo dodeliti. Jednom kada je promenljiva deklarisana sa const, njena vrednost se ne može promeniti.

const z = 15;

Sa ključnom reči 'var', podizanje promenljivih znači da se promenljive deklarisane ključnom reči var pomeraju na vrh svog opsega, tako da im se može pristupiti pre nego što budu deklarisane.

console.log(a); //undefined
var a = 10;

U JavaScript-u, takođe je moguće kreirati promenljivu bez eksplicitnog deklarisanja, jednostavnim dodeljivanjem vrednosti. Međutim, ovo se generalno smatra lošom praksom i može dovesti do neočekivanog ponašanja.

 x = 13;

Vredi napomenuti da se let i const ne podižu kao var, tako da ako pokušate da im pristupite pre nego što budu deklarisani, to će vam dati ReferenceError.

Ukratko, promenljive u JavaScript-u se mogu deklarisati pomoću ključnih reči 'var', 'let' i 'const', kao i kroz podizanje promenljivih i jednostavnim dodeljivanjem vrednosti nedeklarisanoj promenljivoj. Ključna reč var je sa opsegom funkcije i podignuta, 'let' i 'const' su u opsegu bloka i nisu podignuti, dok se 'const' takođe ne može ponovo dodeliti.

Vrste promenljivih

Koristi se za čuvanje numeričkih vrednosti, kao što su 42 ili 3.14.

let num = 42;
let pi = 3.14;

Koristi se za čuvanje teksta, kao što je "Hello Vorld" ili "JavaScript".

let name = "John";
let message = "Hello World";

Boolean varijabla se koristi za čuvanje istinitih ili lažnih vrednosti. Dakle, vrednost može biti 1 ili 0.

let isTrue = true;
let isFalse = false;

Nizovi se koriste za čuvanje više vrednosti u jednoj promenljivoj, kao što su [1, 2, 3] ili [„JavaScript“, „Pithon“, „C++“].

let numbers = [1, 2, 3];
let languages = ["JavaScript", "Python", "C++"];

Variabla objekat koristi se za čuvanje parova ključ/vrednost, kao što je {ime: "John", starost: 30}

let person = {name: "John", age: 30};
let car = {make: "Toyota", model: "Camry", year: 2020};

Koristi se za čuvanje funkcija, kao što je funkcija add(a, b) { return a + b; }. Vrednosti funkcije mogu biti dinamičke i zavise od ulaznih parametara.

function add(a, b) {
    return a + b;
}

let result = add(2, 3);
console.log(result); // Output: 5

Novi primitivni tip u javascript-u koji je jedinstven i nepromenljiv.

let sym1 = Symbol("a");
let sym2 = Symbol("a");
console.log(sym1 === sym2); // Output: false

Posebna vrednost koja ukazuje da je promenljiva deklarisana, ali joj nije dodeljena vrednost.

let x;
console.log(x); // Output: undefined

posebna vrednost koja ne predstavlja vrednost ili objekat.

let y = null;
console.log(y); // Output: null

JavaScript operatori

JavaScript ima nekoliko tipova operatora koji se mogu koristiti za obavljanje različitih operacija nad promenljivim i vrednostima.

Aritmetički operatori

Ovi operatori obavljaju osnovne aritmetičke operacije kao što su sabiranje (+), oduzimanje (-), množenje (*), deljenje (/) i modul (%).

Evo nekoliko primera kako da koristite različite aritmetičke operatore u JavaScript-u:

let x = 5;
let y = 7;
let result = x + y;
console.log(result); // output: 12

let x = 5;
let y = 7;
let result = x - y;
console.log(result); // output: -2

let x = 5;
let y = 7;
let result = x * y;
console.log(result); // output: 35

let x = 10;
let y = 5;
let result = x / y;
console.log(result); // output: 2

Modul (%), vraća ostatak deljenja dva broja:

let x = 10;
let y = 3;
let result = x % y;
console.log(result); // output: 1

let x = 2;
let y = 3;
let result = x ** y;
console.log(result); // output: 8

Važno je imati na umu da se redosled operacija (takođe poznat kao PEMDAS) primenjuje kada se koristi više operatora u jednom izrazu. Zagrade se mogu koristiti za određivanje redosleda operacija ako je potrebno.

Operatori poređenja

Jednakost (==): Vraća logičku vrednost tačno ako su operandi jednaki, u suprotnom netačnu.
Nejednakost (!=): Tačno je ako operandi nisu jednaki, a u suprotnom netačno.
Veće od (>): Vrednost je tačno ako je levi operand veći od desnog, u suprotnom netačno.
Veće ili jednako (>=): Vraća tačno ako je levi operand veći ili jednak desnom, u suprotnom netačno.
Manje od (< )Daje tačno ako je levi operand manji od desnog, u suprotnom netačno.
Manje od ili jednako (<=): Vracća tačno ako je levi operand manji ili jednak desnom, u suprotnom netačno.

Primer korišćenja operatora poređenja:

5 == 5 // true
5 != 3 // true
5 > 3 // true
5 >= 5 // true
5 < 7 // true
5 <= 5 // true

Logički operatori

Logičko I (&&): Vracća tačno ako su oba operanda tačna, u suprotnom iskas je netačan.
Logičko ILI (||): Vracća tačno ako je bar jedan od operanada tačan, u suprotnom netačno.
Logički NOT (!) : Vracća tačno ako je operand netačan i netačno ako je operand istinit.

Primeri korišćenja logičkih operatora u programskom jeziku JavaScript:

true && false // false
true || false // true
!true // false

Vredi napomenuti da JavaScript ima različite tipove operatora poređenja === i !== koji upoređuje vrednost i tip, preporučuje se da koristite ovaj operator umesto == ili != jer pomaže da se izbegne implicitna prinuda tipa.

Ukratko, operatori poređenja se koriste za upoređivanje dve vrednosti i vracćanje Bulove vrednosti, bez obzira da li je poređenje tačno ili netačno. Logički operatori se koriste za kombinovanje višestrukog poređenja i procenu ukupnog izraza. Koriste se za procenu više izraza i vracćanje Bulove vrednosti na osnovu rezultata tih izraza.

DOM

DOM(Document Object Model) je programski interfejs za HTML i XML dokumente. Predstavlja strukturu dokumenta kao hijerarhiju čvorova nalik stablu, pri čemu svaki čvor predstavlja drugačiji element dokumenta, kao što je HTML oznaka, tekst ili atribut.

JavaScript može da manipuliše DOM-om menjanjem svojstava i vrednosti njegovih čvorova, dodavanjem ili uklanjanjem čvorova i kretanjem kroz strukturu DOM-a nalik stablu. Ovo omogucćava programerima da kreiraju dinamičke i interaktivne veb stranice koje se mogu ažurirati u realnom vremenu na osnovu korisničkog unosa ili drugih događaja.

Evo nekoliko primera kako JavaScript može da manipuliše DOM-om:

Promena tekstualnog sadržaja elementa:

document.getElementById("my-element").innerHTML = "New text content";

document.getElementById("my-element").setAttribute("class", "new-class");

var newElement = document.createElement("div");
newElement.innerHTML = "New element";
document.getElementById("my-container").appendChild(newElement);

var elementToRemove = document.getElementById("my-element");
elementToRemove.parentNode.removeChild(elementToRemove);

Vredi napomenuti da manipulacija DOM-om može biti spor proces, posebno na velikim ili složenim dokumentima, i može učiniti da veb stranica sporo reaguje. Da bi smanjili količinu DOM manipulacije, programeri cće često koristiti biblioteke ili okvire kao što su React, Angular ili VueJS, koji obezbeđuju apstrakcije za efikasniju manipulaciju DOM-om.

Ukratko, DOM je programski interfejs za HTML i XML dokumente, dozvoljava javascript-u da pristupa i manipuliše web stranicama. Predstavlja web stranicu u strukturi nalik stablu, JavaScript može da se krecće i menja svojstva elemenata stabla, dajucći programerima način da web stranice učine dinamičnim i interaktivnim.