hasPrototypeProperty(Obj,propertyName),for-in和in的区别

实例上的属性和方法大致可以分为两种,一种是在实例上的,一种是在原型对象上的。

在构造函数内部使用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>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值