DEV Community

lariviza
lariviza

Posted on

Основы JavaScript за 15 минут!

JavaScript (JS) - это язык программирования, который используется для создания интерактивных веб-страниц и приложений. Основы JavaScript включают:

Переменные: определение переменных для хранения данных.

Условные операторы: позволяют проверять условия и выполнять определенные действия в зависимости от результата.

Циклы: позволяют многократно выполнять один и тот же блок кода.

Функции: позволяют задавать и вызывать набор инструкций.

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

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

Массивы: позволяют хранить наборы данных в одной переменной.

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

В JavaScript переменные обычно определяются с помощью ключевого слова "var", "let" или "const", например:

var x = 10;
let y = "hello";
const z = true;

Enter fullscreen mode Exit fullscreen mode

Условные операторы в JavaScript включают if, else, else if, switch, например:

if (x > 5) {
  console.log("x is greater than 5");
} else {
  console.log("x is less than or equal to 5");
}

switch (day) {
  case "Monday":
    console.log("It's Monday");
    break;
  case "Tuesday":
    console.log("It's Tuesday");
    break;
  default:
    console.log("It's neither Monday nor Tuesday");
}

Enter fullscreen mode Exit fullscreen mode

Функции в JavaScript могут быть определены как функциональные выражения или объявления функции, например:

// функциональное выражение
var add = function(x, y) {
  return x + y;
}

// объявление функции
function multiply(a, b) {
  return a * b;
}
Enter fullscreen mode Exit fullscreen mode

События в JavaScript могут быть привязаны к элементам HTML или DOM, например:

var button = document.getElementById("my-button");
button.addEventListener("click", function() {
  alert("Button clicked!");
});

document.addEventListener("keypress", function(event) {
  console.log("Key pressed: " + event.key);
});

Enter fullscreen mode Exit fullscreen mode

Объекты в JavaScript могут быть созданы с помощью литерала объекта или конструктора объекта, например:

// литерал объекта
var person = {
  name: "John",
  age: 25,
  sayHello: function() {
    console.log("Hello, my name is " + this.name);
  }
};

// конструктор объекта
function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
  this.drive = function() {
    console.log("Driving my " + this.make + " " + this.model);
  }
}

Enter fullscreen mode Exit fullscreen mode

Массивы в JavaScript могут быть созданы с помощью литерала массива или конструктора массива, например:

// литерал массива
var colors = ["red", "green", "blue"];

// конструктор массива
var numbers = new Array(1, 2, 3, 4, 5);

Enter fullscreen mode Exit fullscreen mode

Если будут вопросы задавайте в комментарии на все постараюсь ответить!

Top comments (0)