JavaScript Void 0 - Що означає javascript: void (0); Середній?

Програмування

Слово void означає "повністю порожній простір" згідно зі словником. Цей термін, застосовуваний у програмуванні, відноситься до повернення "нічого" - "пустого значення", так би мовити.

Що таке ключове слово void?

Коли функція порожня, це означає, що функція нічого не повертає. Це схоже на функції в JavaScript, які повертаються undefinedявно, приблизно так:

function und() { return undefined } und()

або неявно, приблизно так:

function und() { } und()

Незалежно від виразів і тверджень у наведених вище функціях (додає 2 числа разом, знаходить середнє значення 5 чисел, що завгодно), результат не повертається.

Тепер ми знаємо, що таке voidключове слово. Що про javascript:void(0)?

Що це таке javascript:void(0)?

Якщо ми розділимо це, ми маємо javascript:і void(0). Давайте розглянемо кожну частину детальніше.

javascript:

Це називається псевдо URL-адресою . Коли браузер отримує це значення як значення hrefтегу прив'язки, він інтерпретує код JS, який слідує за двокрапкою (:), а не розглядає значення як посиланий шлях.

Наприклад:

Link

Коли натискається "Посилання", ось результат:

Як видно вище, браузер не трактує hrefяк посиланий шлях. Натомість він розглядає його як деякий код JavaScript, що починається після "javascript:" і відокремлюється крапками з комою.

void(0)

Оператор void обчислює задані вирази та повертає undefined.

Наприклад:

const result = void(1 + 1); console.log(result); // undefined

1 + 1обчислюється, але undefinedповертається. Щоб підтвердити це, ось ще один приклад:

Heading
  void(document.body.style.backgroundColor = 'red', document.body.style.color = 'white' )

Результат наведеного вище коду:

Ось ще один приклад:

console.log(void(0) === undefined) // true

Поєднання javascript:іvoid(0)

Іноді вам не потрібно посилання для переходу на іншу сторінку або перезавантаження сторінки. За допомогою javascript:ви можете запустити код, який не змінює поточну сторінку.

Це, використовуючи void(0)засоби, нічого не робить - не перезавантажуйте, не орієнтуйтеся, не запускайте будь-який код.

Наприклад:

Link

Слово "Посилання" браузер розглядає як посилання. Наприклад, це фокусування, але воно не переходить на нову сторінку.

0це аргумент, переданий void, який нічого не робить і нічого не повертає.

Код JavaScript (як показано вище) також може бути переданий як аргумент voidметоду. Це змушує елемент посилання запускати якийсь код, але він зберігає ту саму сторінку.

Наприклад:

Link

Після натискання кнопки це результат:

За допомогою voidцього він повідомляє браузеру нічого не повертати (або повертати undefined).

Інший варіант використання посилань із javascript:void(0)посиланням полягає в тому, що іноді посилання може запускати якийсь код JavaScript у фоновому режимі, і навігація може бути непотрібною. У цьому випадку вирази будуть використовуватися як аргументи, передані void.

Висновок

У цій спрощеній статті ми дізналися, що таке voidоператор, як він працює та як його використовують із javascript:псевдо URL-адресою для hrefатрибутів посилань.

Це гарантує, що сторінка не переходить на іншу сторінку та не перезавантажує поточну сторінку при натисканні.