JavaScript? ?? ? ??? ???? ?????. ?? ??? ???? ?? ????? ?? ??? ???? ?? ??? ???? ??? ??? ??? ? ????. ??? ?? JavaScript ???? ??? ? 33?? ??? ??? ?? ?????.

1. ??

??? JavaScript?? ???? ???? ? ?????.

?? = "John"?? ??;
const ?? = 30;
var isActive = true;
**

1. ??? ??**

JavaScript?? ???, ??, ??, ?? ? ??? ??? ?? ??? ??? ????.

const ??? = "Hello, World!"; // ???
?? ?? = 42; // ??
const isAvailable = false; // ???
const user = { ??: "John", ??: 30 }; //??
const items = ["??", "???", "??"]; // ??

3. ??

??? ??? ??? ??? ??????.

?? ??(a, b) {
b? ?????;
}
const sum = add(5, 7);
console.log(sum); // ??: 12

4. ??

??? ??? ???? ? ?? ??? ?????.

let globalVar = "?? ??????";
?? localScope() {
let localVar = "?? ??????";
console.log(globalVar); //?? ??
console.log(localVar); //?? ??
}
localScope();
// console.log(localVar); // ??: localVar? ???? ?????

5. ??

???? ???? ?? ???? ?? ??? ??? ???? ? ????.

?? createCounter() {
count = 0;
?? ?? () {
??? ;
?? ??;
};
}
const counter = createCounter();
console.log(counter()); // ??: 1
console.log(counter()); // ??: 2

6. ??

??? ?? ??? ?? ??? ? ?? ?????.

console.log(hoistedVar); // ??: ???? ??
var hoistedVar = "?? ????????";
??????(); // ??: ?????!
?? ????Function() {
console.log("?????!");
}
**

1. Promise ? Async/Await**

??? ?? ??? JavaScript? ?? ?????.

// Promise ??
fetch("https://api.example.com")
.then(?? => response.json())
.then(??? => console.log(???))
.catch(?? => console.error(??));
// Async/Await ??
??? ?? fetchData() {
?????? {
const ?? = ???? ??("https://api.example.com");
const ??? = response.json()? ?????;
console.log(???);
} ??(??) {
console.error(??);
}
}
fetchData();

8. ??? ??

??? ??? JavaScript? ??? ?? ??? ?????.

console.log("??");
setTimeout(() => {
console.log("??");
}, 0);
console.log("?");
// ??: ??, ?, ??

9. ?????

JavaScript? ??? ?? ?????? ?????.

?? ??(??) {
this.name = ??;
}
Person.prototype.greet = ?? () {
console.log(?????. ? ??? ${this.name}???);
};
const john = new Person("John");
?.??(); // ??: ?????, ? ??? John???

10. ? ???

??? ??? ?????? ?? ? ?? ?????.

const obj = {
??: "???",
??() {
console.log(?????, ${this.name});
},
};
obj.greet(); // ??: ?????, ???

11. ????

???? ???? ? ??? ??????.

const user = { ??: "Alice", ??: 25 };
const { ??, ?? } = ???;
console.log(??); // ??: ???
console.log(??); // ??: 25

12. ???? ? ??? ???

??? ??? ????? ?????.

const arr = [1, 2, 3];
const newArr = [...arr, 4, 5]; // ??
function sum(...numbers) { // ???
return number.reduce((a, b) => a b, 0);
}
console.log(sum(1, 2, 3, 4)); // ??: 10

1. ??

???? ? ????? ???? ??? ??????.

// math.js
???? const add = (a, b) => ab;
// app.js
"./math.js"?? ???? { ?? };
console.log(add(2, 3)); // ??: 5

14. ?? ??

??? ??? ???? ?????.

? ??? {
const ?? =riskyOperation();
} ??(??) {
console.error("??? ??????:", error);
}

15. DOM ??

DOM(?? ?? ??)? ?? ?????.

document.getElementById("btn").addEventListener("click", () => {
document.getElementById("output").textContent = "??????!";
});

??

? 33?? ??? ??? JavaScript ??? ???? ?? ??? ??? ? ?? ??? ???. ???? ???? JavaScript ????? ?? ??? ?? ?? ???? ?????!

? ??? ?? JavaScript ???? ??? ? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!