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

Повне пояснення

Що це і навіщо

• in використовується, коли треба знати, чи існує певний ключ у об’єкті або в його прототипі. Це корисно для перевірки наявності властивостей, що успадковуються.
• hasOwnProperty застосовується, коли потрібно переконатися, що властивість належить саме даному об’єкту, а не його прототипу.

Ключові принципи/терміни

• Prototype chain – ланцюжок прототипів, через який JavaScript шукає властивості.
• Own property – власна властивість об’єкта, не успадкована.

Як це працює

• Оператор in виконує пошук ключа по всьому ланцюжку прототипів і повертає true, якщо знайде.
• Метод hasOwnProperty викликається на конкретному об’єкті і повертає true, лише якщо ключ є власною властивістю.

Практика і реалізація

const obj = {a: 1};
Object.prototype.b = 2;
console.log('b' in obj); // true – через prototype
console.log(obj.hasOwnProperty('b')); // false – не власна

Тестування

• У Jest можна перевірити:

expect('b' in obj).toBe(true);
expect(obj.hasOwnProperty('b')).toBe(false);

Особливості в контексті JS Core

• in часто використовується у циклах for...in, що ітерують всі властивості, включаючи успадковані.
• hasOwnProperty допомагає уникнути небажаних властивостей, наприклад при копіюванні об’єктів.

Оптимізація, типові помилки та edge cases

• Не використовувати hasOwnProperty без перевірки, що об’єкт не має власного методу з таким ім’ям (наприклад, obj.hasOwnProperty). У такому випадку треба викликати його через Object.prototype.hasOwnProperty.call(obj, key).
• Помилкове очікування, що in не враховує прототипи; це часто приводить до помилок при перевірці конфігурацій.

Часті питання

• Чи можна замінити hasOwnProperty на Object.prototype.hasOwnProperty.call(obj, key)? Так, це безпечніше.
• Чому for...in ітерує прототипи? Тому що це частина специфікації ECMAScript.