实例上的属性和方法大致可以分为两种,一种是在实例上的,一种是在原型对象上的。
在构造函数内部使用this声明的属性和方法,在创建实例时会绑定到实例上。在原型对象上声明的属性和方法在原型对象上。
对象寻找某个属性或者会先在实例上寻找,然后再去原型对象上寻找。即使是实例上用有某个属性或者方法,原型对象上同名的属性或者方法依然会存在,只是实例会优先使用自身实例上的属性和方法。
如果要删除实例上的方法可以使用delete方法,delete(ObjectName,PropertyName);
可以使用hasPrototypeProperty()来判断一个对象的某个属性是在实例上还是在原型对象上。
hasPrototypeProperty(ObjectName,PropertyName)
如果在实例上拥有这个属性,则返回true;
与hasPrototypeProperty()方法有区别的是in操作符,使用in可以判断某个属性是否可以被对象访问,不管这个属性是在实例上还是在原型对象上。
关于for-in和in的区别在下面的DEMO中可以演示
<script type="text/javascript">
function Person(){
Person.prototype.name='八戒';
Person.prototype.age=18;
}
var person=new Person();
alert(person.name);//八戒
alert('name' in person);//true
Object.defineProperty(person.__proto__,"name",{
//将原型对象上的name属性设置为不可访问
value:'悟空',
enumerable:false
});
alert(person.name);//悟空
//使用in语句,确认属性是否可以被对象访问,这里即使name被设置为不可枚举,但是依然可以访问;
alert('name' in person);//true
//使用for-in循环时,返回的是所有可以通过对象访问并且可枚举的属性,因为上面设置了enumerable为false,
//所以下面只输出age;
for( var prop in person ){
console.log(prop);//只有age
}
</script>
所以总结一下就是:hasPrototypeProperty()确认属性是否在实例上,in确认属性是否可以被对象访问,for-in确认对象是否可以被对象例举(正常情况下使用for-in循环出的属性包括实例属性和原型对象属性);
另外如果需要得到所有的实例属性,无论属性是否可以列举,可以使用getOwnpropertyName(),DEMO如下:
<script type="text/javascript">
function Person(){
Person.prototype.name='八戒';
Person.prototype.age=18;
}
var person=new Person();
person.address='高老庄';
person.job='天蓬元帅';
Object.defineProperty(person,'job',{
enumerable:false
})
var keys=Object.getOwnPropertyNames(person);
alert(person.job);//天蓬元帅
console.log('person的实例方法:'+keys);//adress,job
console.log(Array.isArray(keys));//true
for(var prop in person){
console.log(prop);//adress,name,age
}
</script>