9??: JavaScript ?? ? ???

??: 2024? 12? 16?

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

---

1. ?????? ??

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

??? ???? ??

1. ??? ??: ? ??? ?? ??? ?????.
2. ????: ? ??? ??? ?? ???? ???? ? ????.
3. ?????: ??? ? ????? ? ????.

---

??? ???? ? ????

???? ????

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

?? ??

// utils.js
export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;

?? ????

// greet.js
export default function greet(name) {
  return `Hello, ${name}!`;
}

?? ????

?? ??? ??? ????? import ???? ?????.

?: ??? ???? ????

// main.js
import { add, subtract } from './utils.js';

console.log(add(5, 3)); // Output: 8
console.log(subtract(5, 3)); // Output: 2

?: ?? ???? ????

// main.js
import greet from './greet.js';

console.log(greet("Alice")); // Output: Hello, Alice!

---

?? ????

?? ????? import()? ???? ???? ??? ?????.

?: ?? ??

const loadModule = async () => {
  const module = await import('./utils.js');
  console.log(module.add(5, 3)); // Output: 8
};

loadModule();

---

2. ?????? ???

JavaScript? ???? ??? ???? ?? ???? ???? ????? ?? ???? ?????. ?? ES6? ???? JavaScript? ?? ?? ?????? ?????.

??? ??

???? class ???? ???? ?????.

?: ???

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    return `Hello, my name is ${this.name} and I am ${this.age} years old.`;
  }
}

const person1 = new Person("John", 30);
console.log(person1.greet()); // Output: Hello, my name is John and I am 30 years old.

---

??? ??

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

?: ??

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name} makes a sound.`);
  }
}

class Dog extends Animal {
  speak() {
    console.log(`${this.name} barks.`);
  }
}

const dog = new Dog("Buddy");
dog.speak(); // Output: Buddy barks.

---

?? ???

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

?: ?? ??

// utils.js
export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;

---

??? ?? ? ??

??? ??? ???? ??? ???? ???? ? ??? # ???? ?????.

?: ??? ??

// greet.js
export default function greet(name) {
  return `Hello, ${name}!`;
}

---

???? ?? ???

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

• ?? ?? ??? ??? ??? ?? ??? ??????.
• ?? ? ??? ??.

---

3. ??? ??? ??

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

?: ??? ??? ??

// main.js
import { add, subtract } from './utils.js';

console.log(add(5, 3)); // Output: 8
console.log(subtract(5, 3)); // Output: 2

---

4. ?? ?: ????

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

??: cart.js

// main.js
import greet from './greet.js';

console.log(greet("Alice")); // Output: Hello, Alice!

??: main.js

const loadModule = async () => {
  const module = await import('./utils.js');
  console.log(module.add(5, 3)); // Output: 8
};

loadModule();

---

?? ???

1. ??: ??? ???? ????? ??? ? ??? ???.
2. ???: ?? ? ???? ?? ??? ???? ?? ??? ?? ???? ??? ?????.
3. ?? ??: ??? ???? ?? ???? ?? ???? ?? ?? ??? ??????? ?????.

---

?? ??

1. ?? ?? ??? ?? ??? ???? ??? ????.
2. ?? ???? ???? ???? ???? ??? ???? ???? ?????.
3. ??? ???? ???? ?? ????? ????? ????????.

---

??? ??????

?? 10???? ??? ?? ? ??? ?????? ?? ??? ???? JavaScript? ???, ??, ?? ? ??? ??? ???? ??? ??? ???. . ?? ??????!

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