Javascript 中 in 和 hasOwnProperty 区别

每当代码读取某个对象的某个属性时，都会执行一次搜索，目标是具有给定名字的属性。搜索首先从对象实例本身开始。如果在实例中找到了具有给定名字的属性，则返回该属性的值；如果没有找到，则继续搜索指针指向的原型对象，在原型对象中查找具有给定名字的属性。如果在原型对象中找到了这个属性，则返回该属性的值。

虽然可以通过对象实例访问保存在原型中的值，但却不能通过对象实例重写原型中的值。如果在实例中添加一个与原型中属性同名的属性，则该属性会屏蔽原型中的那个属性。添加的同名属性只会阻止我们访问原型中的那个属性，但不会修改那个属性。即使将这个属性设置为null，也只会在实例中设置这个属性，而不会恢复其指向原型的链接。

function Person() {
}
    
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function() {
  console.log(this.name);
};

let person1 = new Person();
let person2 = new Person();
console.log(person1.hasOwnProperty("name"));    // false
console.log("name" in person1);    // true

person1.name = "Greg";
console.log(person1.name);    // "Greg"
console.log(person1.hasOwnProperty("name"));    // true
console.log("name" in person1);    // true

delete person1.name;
console.log(person1.name);    // "Nicholas"
console.log(person1.hasOwnProperty("name"));    // false
console.log("name" in person1);    // true

in操作符只要通过对象能访问到属性就返回true。hasOwnProperty()只在属性存在于实例中时才返回true。

使用delete操作符则可以完全删除实例属性，从而让我们能巩固重新访问原型中的属性。

function Person() {
  this.name = 'koewas';
}
    
// Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function() {
  console.log(this.name);
};
let person1 = new Person();
let person2 = new Person();
console.log(person1.hasOwnProperty("name"));    // true
console.log("name" in person1);    // true
person1.name = "Greg";
console.log(person1.name);    // "Greg"
console.log(person1.hasOwnProperty("name"));    // true
console.log("name" in person1);    // true
delete person1.name;
console.log(person1.name);    // undefined
console.log(person1.hasOwnProperty("name"));    // false
console.log("name" in person1);    // false

上面这段代码的name为实例属性，不属于原型。但却不是私有属性，能被实例访问。