Разница между `! == undefined` и` in`

Question

Зачем использовать in над !== undefined, чтобы проверить, содержит ли объект ключ? Например:

var obj = {}; 
obj.a !== undefined; // false 
'a' in obj; // false 

В чем разница?

Answer 1

!== undefined проверяет, является ли значение undefined. in проверяет, является ли объект содержит ключ, значение которого до сих пор может быть undefined:

var obj = { 
    a: undefined, 
}; 
obj.a !== undefined; // false 
'a' in obj; // true 

Answer 2

Согласно официальному documentation оператора in проверяет указанное свойство существует в данном объекте.
Ниже кода показывает, что существует разница между property и key:

// define Point object 
 
function Point() { 
 
    this.xPos = 0; 
 
    this.yPos = 0; 
 
} 
 

 
// Add new property 
 
Object.defineProperty(Point.prototype, "position", { 
 
    get: function() { 
 
    return "X: " + this.xPos + " Y: " + this.yPos; 
 
    }, 
 
    set: function(thePoint) { 
 
    var parts = thePoint.split(", "); 
 
    this.xPos = parts[0] || ""; 
 
    this.yPos = parts[1] || ""; 
 
    } 
 
}); 
 

 
var aPoint = new Point(); 
 
aPoint.position= "10, 20"; 
 
console.log("Point coordinates " + aPoint.position); 
 
console.log("Point has position: " + ('position' in aPoint)); 
 
console.log("Point keys: " + Object.keys(aPoint));