JavaScript中in和hasOwnProperty区别详解
in操作符只要通过对象能访问到属性就返回true。hasOwnProperty()只在属性存在于实例中时才返回true。下面通过本文给大家分享JavaScript中in和hasOwnProperty区别详解，感兴趣的朋友一起看看吧
每当代码读取某个对象的某个属性时，都会执行一次搜索，目标是具有给定名字的属性。搜索首先从对象实例本身开始。如果在实例中找到了具有给定名字的属性，则返回该属性的值；如果没有找到，则继续搜索指针指向的原型对象，在原型对象中查找具有给定名字的属性。如果在原型对象中找到了这个属性，则返回该属性的值。
虽然可以通过对象实例访问保存在原型中的值，但却不能通过对象实例重写原型中的值。如果在实例中添加一个与原型中属性同名的属性，则该属性会屏蔽原型中的那个属性。添加的同名属性只会阻止我们访问原型中的那个属性，但不会修改那个属性。即使将这个属性设置为null，也只会在实例中设置这个属性，而不会恢复其指向原型的链接。
in操作符只要通过对象能访问到属性就返回true。hasOwnProperty()只在属性存在于实例中时才返回true。
使用delete操作符则可以完全删除实例属性，从而让我们能巩固重新访问原型中的属性。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | function Person(){ } Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function(){ alert(this.name); }; var person1 = new Person(); var person2 = new Person(); alert(person1.hasOwnProperty("name"));//false alert("name" in person1);//true person1.name = "Greg"; alert(person1.name);//"Greg" alert(person1.hasOwnProperty("name"));//true alert("name" in person1);//true delete person1.name; alert(person1.name);//"Nicholas" alert(person1.hasOwnProperty("name"));//false alert("name" in person1);//true |
prototype
1.每个函数都有一个 prototype 的对象属性，对象内有一个 constructor 属性，默认指向函数本身
2.每个对象都有一个 __proto__ 的属性，属相指向其父类型的 prototype
构造函数和普通函数并没有区别，使用 new 关键字调用就是构造函数，使用构造函数可以 实例化 一个对象
函数的返回值有两种可能
1.显式调用 return 返回 return 后表达式的求值
2.没有调用 return 返回 undefined
1 2 3 4 5 | function People(name, age) { this.name = name; this.age = age; } var people = new People('Byron', 26); |
构造函数返回值
1.没有返回值
2.简单数据类型
3.对象类型
前两种情况构造函数返回构造对象的实例，实例化对象正是利用的这个特性
第三种构造函数和普通函数表现一致，返回 return 后表达式的结果
