В этом руководстве приведет курс от фундаментальных значений JavaScript до промежуточных концепций, опираясь на мой личный опыт обучения. Я собрал ключевые выводы, практические примеры и полезные намеки, чтобы сделать ваше учебное путешествие более плавным. Давайте погрузимся!

]

Оглавление

]
1. переменные
2. Arrays
3. условные утверждения
4. functions
]
5. Objects
]
6. Dom (модель объекта документа)
]
7. События
8. интеграция HTML и JavaScript
]

]

---

]

1. Переменные

переменные являются контейнерами для данных, используемых в ваших программах. JavaScript предлагает два основных способа их объявления:

]

]
• let : для переменных, значения которых могут измениться.
• const : для значений, которые должны оставаться постоянными.

]

Пример:

let age = 25;
const name = "Mario";

]

переменные могут содержать числа, текст (строки), true/false values ​​(booleans) или даже неопределенные значения. JavaScript предоставляет стандартные арифметические операторы (, -,*, /, %) и оператор экспоненты (**).

console.log(2 ** 3); // Output: 8

---

]

2. Arrays

массивы хранят несколько значений в одной переменной. Используйте квадратные скобки, чтобы определить массив:

]

let fruits = ["apple", "banana", "cherry"];

]

Элементы доступа, используя их индекс (начиная с 0):

]

console.log(fruits[0]); // Output: apple

добавление и удаление элементов:

массивы динамичны; Вы можете изменить их:

]

]

• . Push () : добавляет элемент к концу. ]
• . unshift () : добавляет элемент в начало. ]
• . . Shift ()
: удаляет первый элемент.
• ] ]
Пример:

fruits.push ("Orange"); Console.log (фрукты); // Вывод: ["Apple", "Banana", "Cherry", "Orange"]

fruits.push("orange");
console.log(fruits); // Output: ["apple", "banana", "cherry", "orange"]

]

. Indexof () : находит индекс значения.

]

• . Inclate () : проверяет, существует ли значение. ]
]
• console.log (fruits.indexof ("banana")); // Вывод: 1 console.log (fruits.includes ("Виноград")); // output: false

]

console.log(fruits.indexOf("banana")); // Output: 1
console.log(fruits.includes("grape")); // Output: false

---

условные утверждения позволяют вашему коду принимать решения.

if и else

обычно используются:

] if (grade> 60) { console.log («Вы прошли!»); } еще { console.log («Вы потерпели неудачу!»); }

if (grade > 60) {
  console.log("You passed!");
} else {
  console.log("You failed!");
}

]

] ===

(строгое равенство)

]

! ==
• (строгое неравенство) ]
>
• (больше)
(меньше, чем) ] > =
• (больше или равного) ]
(меньше или равна) ] ] ]
• 4. Функции

функции являются многократно используемыми блоками кода. Определите их, используя ключевое слово

---

: ]

приветствие функции (name) { вернуть `Привет, $ {name}!`; } console.log (Greet ("alice")); // Вывод: Привет, Алиса!

]

параметры и аргументы:

function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet("Alice")); // Output: Hello, Alice!

параметры

) и использовать их при вызове с argents :

]

function add (a, b) { вернуть A B; } console.log (add (2, 3)); // output: 5 ]

function add(a, b) {
  return a   b;
}
console.log(add(2, 3)); // Output: 5

объекты являются коллекциями пар клавишных значений, например, мини-датабазы:

---

const car = { Бренд: "Тесла", Модель: «Модель 3», Год: 2020 }; console.log (car.brand); // output: tesla

]

методы в Objects:

const car = {
  brand: "Tesla",
  model: "Model 3",
  year: 2020
};
console.log(car.brand); // Output: Tesla

methods

):

const phone = { Бренд: "Apple", кольцо() { console.log («кольцо, кольцо!?»); } }; phone.ring ();

]

const phone = {
  brand: "Apple",
  ring() {
    console.log("Ring, ring! ?");
  }
};
phone.ring();

DOM позволяет JavaScript взаимодействовать с HTML -элементами.

---

выбор Elements:

используйте объект

документ

для выбора элементов:

const heading = document.queryselector ("h1"); console.log (heading.innertext); // регистрирует текст в теге

]

обновления элементов:

const heading = document.querySelector("h1");
console.log(heading.innerText); // Logs the text within the 
 tag

]

heading.innertext = "Добро пожаловать в Javascript!";

]

]

heading.innerText = "Welcome to JavaScript!";

ответьте на действия пользователя (клики, нажатия клавиш) с использованием

---

.

button.addeventListener ("click", () => { console.log («Кнопка нажала!»); });

пример: увеличение счетчика:

]

button.addEventListener("click", () => {
  console.log("Button clicked!");
});

] 8. Интеграция HTML и Javascript

let count = 0;
button.addEventListener("click", () => {
  count  ;
  console.log(`Clicked ${count} times`);
});

тегов:

---

для больших сценариев, свяжите внешний . JS file:

]

]

] это завершает мое обучение JavaScript от начинающего до промежуточных уровней! Я надеюсь, что это руководство окажется полезным. Не стесняйтесь поделиться своими советами по обучению или задавать вопросы в комментариях! Счастливого кодирования! ✨