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

Переменные:

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

let title = "Exercise to help you practice and become better at Javascript";
let publisher = "Javascript in Plain English";
const author = "Eliza Fury";
let claps = 1;

В приведенном выше коде мы объявляем четыре переменные: title, publisher, author и claps. Ключевое слово letиспользуется для переменных, которые можно переназначить, а constиспользуется для констант, которые нельзя изменить.

Чтобы изменить значение переменной, вы можете использовать оператор присваивания (`=`) следующим образом:

// Adding to the variable 
claps = claps + 2;

Не стесняйтесь проверить это в своих инструментах разработки, щелкнув правой кнопкой мыши и выбрав «Проверить», а затем перейдя в окно консоли.

Условные операторы:

Условные операторы позволяют вашему коду принимать решения на основе определенных условий. Основным условным оператором является оператор `if`, который выполняет блок кода, только если выполняется определенное условие. Вот пример:

let claps = 10;
// If statement example
if (claps != 50) {
 console.log("More claps can be added");
}

В приведенном выше коде сообщение будет выведено на консоль, если значение claps не равно 50. Чтобы проверить строгое равенство, вы можете использовать оператор тройного равенства (`===`) следующим образом:

let claps = 50;
// Expanded if statement
if (claps === 50) {
 console.log("More claps can't be added");
}

Этот код будет регистрировать сообщение только в том случае, если значение claps точно равно 50. Однако, если мы хотим, чтобы в журнале отображались хлопки, равные или превышающие 50, мы можем сделать следующее:

if (claps >= 50) {
 console.log("More claps can't be added");
}

Вы можете проверить это в своей консоли, выполнив следующие действия:

Циклы:

Циклы позволяют многократно выполнять код. Одной из основных структур цикла является forloop. Вот пример цикла for, который записывает сообщение десять раз:

// For loop example
for (let i = 0; i < 10; i++ ) {
 console.log('Javascript in Plain English');
}

Цикл for состоит из трех частей: начального выражения `let i = 0`, условия i < 10 и выражения приращения i. Цикл будет выполняться до тех пор, пока условие истинно.

Вы можете изменить цикл так, чтобы он запускался, когда i больше или равно 10, а также установить выражение увеличения на выражение уменьшения:

// loop
for (let i = 10; i >= 10; i -- ) {
 console.log('Javascript in Plain English');
}

Вы можете проверить это в своей консоли, выполнив следующие действия:

Объекты:

Объекты — это наборы пар ключ-значение, представляющие более сложные структуры данных. Вот пример:

let post = {
 title: "Exercise to help you practice and become better at Javascript",
 publisher: "Javascript in Plain English",
 author: "Eliza Fury"
};
console.log(post.author); // Output: Eliza Fury

В приведенном выше примере мы создаем объект с именем postс тремя свойствами: title, publisher и author. Чтобы добавить еще одно свойство, такое как isPublished, которое было бы логическим, мы можем сделать это следующим образом:

let post = {
 title: "Exercise to help you practice and become better at Javascript",
 publisher: "Javascript in Plain English",
 author: "Eliza Fury",
 isPublished: true
};

Помните, что объекты универсальны и могут хранить различные типы данных, такие как логическое значение, которое мы добавили выше!

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

Если у вас есть какие-либо вопросы или вам нужны дополнительные разъяснения, пожалуйста, оставьте комментарий ниже. Приятного обучения!