Що таке temporal dead zone в javascript?

Temporal Dead Zone (TDZ) в JavaScript - це період часу між створенням змінної та її ініціалізацією, коли змінна не може бути використана через викидання ReferenceError. TDZ виникає при використанні ключових слів let та const для оголошення змінних, оскільки ці змінні не піднімаються (hoisted) до початку блоку, в якому вони були оголошені. Ось приклад використання TDZ в JavaScript:

console.log(x); // ReferenceError: Cannot access 'x' before initialization
let x = 10;

У цьому прикладі, ми намагаємося використати змінну x до її ініціалізації, що призводить до викидання помилки. TDZ в JavaScript допомагає уникнути непередбачуваної поведінки та покращує безпеку програми.

Що таке Temporal Dead Zone в JavaScript?

console.log(x); // ReferenceError: Cannot access 'x' before initialization
let x = 10;

В чому різниця між оператором IN та методом hasOwnProperty?

Оператор in та метод hasOwnProperty в JavaScript використовуються для перевірки наявності властивостей в об'єкті. Однак, є деякі відмінності між ними:

Оператор in перевіряє наявність властивості в об'єкті, включаючи властивості, успадковані від прототипу.
Метод hasOwnProperty перевіряє наявність властивості в об'єкті, не враховуючи властивості, успадковані від прототипу.

Ось приклад використання оператора in та методу hasOwnProperty в JavaScript:

var obj = { x: 10 };
console.log('x' in obj); // true
console.log(obj.hasOwnProperty('x')); // true

У цьому прикладі, ми використовуємо оператор in та метод hasOwnProperty для перевірки наявності властивості x в об'єкті obj. Обидва вирази повертають true, оскільки властивість x існує в об'єкті obj.

як працює boxing / unboxing у javascript?

Boxing та unboxing в JavaScript - це процес перетворення примітивних типів даних в об'єкти та навпаки. Ось як працює boxing / unboxing в JavaScript:

Boxing - це процес перетворення примітивного типу даних в об'єкт. Наприклад, коли ви використовуєте методи об'єкта для роботи з примітивним типом даних, JavaScript автоматично перетворює цей примітивний тип даних в об'єкт.

var x = 10;
var y = new Number(x);
console.log(typeof x); // number
console.log(typeof y); // object

Unboxing - це процес перетворення об'єкта в примітивний тип даних. Наприклад, коли ви використовуєте оператори або методи, які очікують примітивний тип даних, JavaScript автоматично перетворює об'єкт в примітивний тип даних.

var x = new Number(10);
var y = x + 5;
console.log(typeof x); // object
console.log(typeof y); // number

Boxing та unboxing в JavaScript допомагають уникнути помилок та спрощують роботу з різними типами даних.

Що таке hoisting, як він працює для змінних і функцій?

Hoisting в JavaScript - це механізм, який дозволяє вам використовувати змінні та функції до їх оголошення. Ось як працює hoisting для змінних та функцій в JavaScript:

Hoisting для змінних - змінні, оголошені за допомогою ключових слів var та let, піднімаються (hoisted) до початку блоку, в якому вони були оголошені. Однак, змінні, оголошені за допомогою ключового слова let, не ініціалізуються до їх оголошення, що призводить до виникнення Temporal Dead Zone (TDZ).
Hoisting для функцій - функції, оголошені за допомогою ключового слова function, піднімаються (hoisted) до початку блоку, в якому вони були оголошені. Це дозволяє вам викликати функцію до її оголошення.

Ось приклад використання hoisting для змінних та функцій в JavaScript:

console.log(x); // undefined
var x = 10;

sayHello(); // Hello, World!
function sayHello() {
  console.log('Hello, World!');
}

У цьому прикладі, змінна x та функція sayHello піднімаються до початку блоку, в якому вони були оголошені, що дозволяє використовувати їх до їх оголошення.

Що таке Тимчасова мертва зона JS

console.log(x); // ReferenceError: Cannot access 'x' before initialization
let x = 10;

Методи в JS

Методи в JavaScript - це функції, які викликаються на об'єкті та працюють з його властивостями. Ось приклад використання методів в JavaScript:

var obj = {
  x: 10,
  y: 20,
  sum: function() {
    return this.x + this.y;
  }
};

console.log(obj.sum()); // 30

У цьому прикладі, ми створюємо об'єкт obj з властивостями x та y та методом sum, який повертає суму властивостей x та y. Потім ми викликаємо метод sum на об'єкті obj та виводимо результат на консоль. Методи в JavaScript дозволяють вам створювати об'єкти та виконувати різні операції над ними.

Що таке и для чого використовують IIFE Immediately Invoked Function Expression

IIFE (Immediately Invoked Function Expression) в JavaScript - це функція, яка викликається безпосередньо після її оголошення. IIFE використовується для створення області видимості для змінних та функцій, щоб уникнути конфліктів імен та забезпечити безпеку програми. Ось приклад використання IIFE в JavaScript:

(function() {
  var x = 10;
  console.log(x); // 10
})();

У цьому прикладі, ми оголошуємо IIFE, яка містить змінну x та виводить її значення на консоль. IIFE дозволяє нам створювати область видимості для змінних та функцій, які не будуть доступні за межами IIFE. Це допомагає уникнути конфліктів імен та забезпечити безпеку програми.

що таке область видимості (scope)?

Область видимості (scope) в JavaScript - це механізм, який визначає доступність змінних та функцій в межах програми в залежності від місця їх оголошення. Область видимості визначає, які змінні та функції можуть бути доступні в певному контексті та як вони взаємодіють між собою. Ось приклад використання області видимості в JavaScript:

var x = 10;

function foo() {
  var y = 20;
  console.log(x); // 10
  console.log(y); // 20
}

foo();
console.log(x); // 10
console.log(y); // ReferenceError: y is not defined

У цьому прикладі, змінні x та y мають різні області видимості: x доступна в межах програми, а y доступна тільки в межах функції foo. Область видимості в JavaScript допомагає уникнути конфліктів імен та забезпечує безпеку програми.