JavaScript

JavaScript – язык программирования.

Официальная спецификация EcmaScript-262 . ISO/IEC 22275:2018.
MDN Web Docs: введение в JS , руководство по JS , справочник по JS .

Подключение скриптов

HTML


<!DOCTYPE html>
<html>
	<head>
		<title>Заголовок страницы</title>
	</head>
	<body>
		...
		<script src="./script.js"></script> // Перед закрывающим тегом </body>
	</body>
</html>

Случайные числа

JavaScript


let randomNumber = Math.random() * 10;
let randomNumberInt = Math.floor(randomNumber);
 
console.log(randomNumber); // 9.954248768805199
console.log(randomNumberInt); // 9

или в одну строку

JavaScript


let randomNumberInteger = Math.floor(Math.random() * 10);

Конкатенация

Конкатенация – сложение строк.

JavaScript


function sayHello(name) {
    return 'Добрый' + ' день, ' + name;
}
 
let greeting = sayHello('Георгий');
 
console.log(greeting); // "Добрый день, Георгий" — вывели в консоль
alert(greeting); // "Добрый день, Георгий" — показали в модальном окне

Условия

JavaScript


if (age >= 18) {
    console.log('вход разрешен');
} else {
    console.log('несовершеннолетним вход восперещён');
}

Циклы

JavaScript


let array = ['животные', 'растения', 'грибы'];
 
for (let i = 0; i <= 4; i = i + 1) {
  console.log(array[i]);
}
// животные
// растения
// грибы

Выбор элементов страницы

Выбрать первый элемент по селектору класса:

JavaScript


let button = document.querySelector('.my-button');

Заменить текст элемента:

JavaScript


let button = document.querySelector('.my-button');
button.textContent = 'Новое название кнопки';

Слушатель событий

JavaScript


// находим элемент .button и кладём в переменную
let button = document.querySelector('.button');
 
// обращаемся к переменной, добавляем элементу слушатель клика
button.addEventListener('click', function () {
  // что происходит при клике по кнопке
});

`javascript:void(0)`

JavaScript:void - это конструкция в JavaScript, которая представляет собой оператор, всегда возвращающий значение undefined, независимо от переданного ему выражения.

В вашем случае javascript:void(4545):

javascript: - указывает на то, что далее следует JavaScript-код
void - оператор, который вычисляет переданное выражение
(4545) - любое числовое выражение, которое будет вычислено, но результат будет отброшен

Основные особенности оператора void:

Всегда возвращает undefined
Вычисляет переданное выражение
Часто используется для:
- Предотвращения переопределения undefined
- Создания немедленно вызываемых функций
- Обеспечения безопасности типов в возвращаемых значениях
- Предотвращения нежелательных возвратов в коллбэках

Примеры использования:


// Базовый пример
let result = void 4545; // result === undefined
 
// Немедленно вызываемая функция
void function() {
    console.log('Выполняется');
}();
 
// В обработчике событий
button.onclick = () => void doSomething();

Практическое применение:

В ссылках для предотвращения перехода:


<a href="javascript:void(0)">Не переходить</a>

В коллбэках для обеспечения безопасности:


function middleware(nextCallback) {
    if(conditionApplies()) {
        return void nextCallback();
    }
}

Важно понимать, что число 4545 в примере может быть любым другим числом или выражением - результат всегда будет undefined.