8??: ?? JavaScript ??

??: 2024? 12? 15?

8??? ?? ?? ?????! ?? ??? ????? ??? ????? ?? ???? ??? JavaScript ?? ? ??? ?????. ???? ?? ES6 ??, Promise ? async/await? ??? ??? ?????, try-catch? ??? ???? ?? ??? ?????. ??? ??? ????? ?? ?? ?? ?? ??? JavaScript ??????? ???? ? ??????.

---

1. ES6 ?? ??

ES6(ECMAScript 2015??? ?)?? JavaScript? ?? ???? ??? ????? ??? ?? ??? ???????. ? ?? ?? ??? ?? ??? ?????.

????

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

?: ?? ?? ??

const numbers = [1, 2, 3];
const [first, second, third] = numbers;
console.log(first, second, third); // Output: 1 2 3

?: ?? ?? ??

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

---

??? ???

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

?: ??? ??

const name = "John";
const greeting = `Hello, ${name}! Welcome to JavaScript.`;
console.log(greeting); // Output: Hello, John! Welcome to JavaScript.

?: ?? ? ???

const message = `This is a
multi-line string using template literals.`;
console.log(message);

---

2. ??? ???/??

??

Promise? ??? ??? ?? ?? ?? ??? ???? ?????.

?: Promise ??

const fetchData = new Promise((resolve, reject) => {
  let dataLoaded = true;
  if (dataLoaded) {
    resolve("Data fetched successfully!");
  } else {
    reject("Failed to fetch data.");
  }
});

fetchData
  .then((data) => console.log(data))  // Output: Data fetched successfully!
  .catch((error) => console.error(error));

---

???/??

async/await? ??? ??? ?? ???? ??? ????? ??? ??? ???? ? ??? ?????.

?: async/await ??

const fetchData = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => resolve("Data loaded!"), 2000);
  });
};

const getData = async () => {
  console.log("Fetching data...");
  const data = await fetchData();
  console.log(data); // Output: Data loaded!
};

getData();

---

3. try-catch? ??? ?? ??

?? ?? ??, ?? ??? ???? ??? ??? ? ????. ??? ??? ???? ???? ??? ??? ??? ?????.

?: ?? try-catch

try {
  let result = 10 / 0;
  console.log(result); // Output: Infinity
} catch (error) {
  console.error("An error occurred:", error.message);
}

---

Async/Await? try-catch ??

??? ??? ??? ?? try-catch? ???? ??? ?????.

const fetchData = () => {
  return new Promise((resolve, reject) => {
    let success = false;
    if (success) {
      resolve("Data fetched!");
    } else {
      reject("Failed to fetch data.");
    }
  });
};

const getData = async () => {
  try {
    const data = await fetchData();
    console.log(data);
  } catch (error) {
    console.error("Error:", error);
  }
};

getData();

---

4. ?? ?? ??

??? ??? ?? ??? API?? ??? ??? ????? ??? ?????.

?: Async/Await ? ?? ??? ???? ??? ????

const numbers = [1, 2, 3];
const [first, second, third] = numbers;
console.log(first, second, third); // Output: 1 2 3

---

5. ?? ???

1. ?? ??: ?? ? ?? ??? ??????.
2. ??? ???: ??? ??? ? ?? ????.
3. Promise ? Async/Await: ??? ??? ????? ?????.
4. ?? ??: try-catch? ???? ??? ???? ?????.

---

8?? ?? ??

1. ?? ??? ???? ???? ?? ??? ?????.
2. async/await? ???? ?? API?? ???? ???? ??? ?????.
3. ???? ??? ???? ?? ???? ????? ??? ?? ??? ?????.

---

?? ??

?? 9???? JavaScript ?? ? ???? ?? ??? ???? JavaScript? ??? ? ?? ??? ??? ???????. ? ??? ? ???? ???? ??? ???? ? ??? ???. ?? ? ???!

? ??? ?? JavaScript ?? promise, async/await ? try-catch? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!