Привет ребята…😉

Хорошо, в этой статье я надеюсь рассказать о подъеме в JavaScript. Я видел, как многие новички в JavaScript боролись с этой концепцией. Вот я и решил объяснить своим словом, что такое подъем, тогда посмотрим, что это такое…

Прежде чем мы перейдем к основной теме, давайте посмотрим, что мы сегодня обсудим.

Мы собираемся поговорить о следующих темах,

  1. Что такое подъем?

2. Вариативный хостинг.

3. Функция подъема.

Что такое подъем?

Подъем определяет, какую переменную или функцию мы можем использовать перед объявлением. Существует два способа подъема: подъем переменных и подъем функций. Давайте поговорим о том, что это за вещи…

Вариативный хостинг.

Я думаю, вы уже знаете, что это такое, да!! Хостинг переменных — это способ использования переменной перед объявлением. В JavaScript только объявление подъема, а не инициализация. Когда мы используем подъем переменных, они будут отличаться в зависимости от ключевых слов (например, var, const, let). Итак, давайте разберемся, что это за вещи,

вар подъемный

В JavaScript переменная var поднимается, поэтому мы можем использовать ее/переменную до того, как она будет объявлена, но она не возвращает значение переменной, которую она возвращает undefined, undefined — это значение по умолчанию в var. Этот случай вызывает много ошибок, пока мы пишем код, это одна из причин, по которой в ES6 были введены ключевые слова let и const.

Ex:

console.log(num); // Returns 'undefined' from hoisted var declaration (not 6)
var num; // Declaration
num = 6; // Initialization
console.log(num); // Returns 6 after the line with initialization is executed.

Что происходит, когда мы делаем объявление и инициализацию в одной строке?

Результат должен быть таким же, как в приведенном выше примере, он также возвращает значение undefined, а также есть еще один вариант использования: если мы вообще забудем объявление, переменная не будет поднята. Поэтому, когда мы пытаемся использовать эту переменную перед инициализацией, результатом будет ошибка. выдает ошибку ссылки.

Ex:

console.log(num); // Returns 'undefined' from hoisted var declaration (not 6)
var num = 6; // Initialization and declaration.
console.log(num); // Returns 6 after the line with initialization is executed.

пусть и const подъем

В этом случае let и const также поднимаются, но они работают по-другому, в отличие от ключевого слова var, потому что они не представляют никаких значений по умолчанию. Когда мы используем переменную let или const до ее объявления, возникает ошибка ссылки.

Ex:

console.log(num); // Throws ReferenceError exception as the variable value is uninitialized
let num = 6; // Initialization

Функция подъема

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

greet();

function greet() {
    console.log('Hi, there.');
}

Вывод

Hi, there

Что происходит, когда мы используем функциональное выражение?

Когда мы пытаемся вызвать функцию, используя выражение функции перед объявлением, она выдает ошибку, она показывает ReferenceError. давайте посмотрим на приведенный ниже пример,

// program to print the text
greet();

let greet = function() {
    console.log('Hi, there.');
}

Вывод

Uncaught ReferenceError: greet is not defined

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

наконец, я хочу сказать, когда вы занимаетесь кодированием, старайтесь избегать подъема, потому что это может привести к ошибкам в вашей программе, а также подъем не является лучшей практикой в ​​программировании… 🥴