JavaScript学习总结(十一)——Object类详解
2021/5/5 12:55:10
本文主要是介绍JavaScript学习总结(十一)——Object类详解,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
JavaScript学习总结(十一)——Object类详解
一、Object类介绍
Object类是所有JavaScript类的基类(父类),提供了一种创建自定义对象的简单方式,不再需要程序员定义构造函数。
二、Object类主要属性
1.constructor:对象的构造函数。
2.prototype:获得类的prototype对象,static性质。
三、Object类主要方法
1.hasOwnProperty(propertyName)
判断对象是否有某个特定的属性。必须用字符串指定该属性,例如,obj.hasOwnProperty("name"),返回布尔值。此方法无法检查该对象的原型链中是否具有该属性;该属性必须是对象本身的一个成员。
1 var str =""; 2 alert("str.hasOwnProperty(\"split\")的结果是:"+str.hasOwnProperty("split")); //return false 3 alert("String.prototype.hasOwnProperty(\"split\")的结果是:"+String.prototype.hasOwnProperty("split"));//return true
运行结果:
hasOwnProperty的用法不仅仅在此,在Jquery中在编写插件中,少不了的一步,就是初始化参数,其中一个很重要的方法就是$.extend();他的原理就是应用了hasOwnProperty()方法;利用for in 循环遍历对象成员中,有没有相同名称的对象成员,有的话就用这个新的对象成员替换掉旧的,通过这种方式,我们就可以通过修改方法中的参数变化,从而控制程序的流程,而对于那些没有改变的部分,仍使用默认值进行控制,我们自己也可以简单的模拟一下这个extend函数,如下
1 function extend(target,source){//target 旧的 source新的 2 for (var i in source){ 3 if(target.hasOwnProperty(i)){ 4 target[i]=source[i]; 5 } 6 } 7 return target; 8 } 9 var a1={"first":1,"second":"lyl","third":"bob"}; 10 var b1={"third":"leo"}; 11 extend(a1,b1); 12 for(var i in a1){ 13 alert(a1[i]);//原本是bob,现在变成leo了 14 }
2.isPrototypeOf(object)
判断该对象是否为另一个对象的原型。
obj1.isPrototypeOf(obj2);
obj1是 一个对象的实例;obj2是另一个将要检查其原型链的对象。原型链可以用来在同一个对象类型的不同实例之间共享功能。如果obj2的原型链中包含 obj1,那么isPrototypeOf 方法返回 true。如果obj2不是一个对象或者obj1没有出现在obj2中的原型链中,isPrototypeOf 方法将返回 false。
1 <script type="text/javascript"> 2 function foo(){ 3 this.name = 'foo'; 4 } 5 function bar(){ 6 7 } 8 bar.prototype = new foo(); 9 var goo = new bar(); 10 alert(goo.name); //foo 11 alert(bar.prototype.isPrototypeOf(goo));//true,在bar的原型链中有当前对象goo,则isPrototypeOf方法返回true 12 </script>
3.propertyIsEnumerable(propertyName)
通过这个方法我们可以检测出这个对象成员是否是可遍历的,如果是可遍历出来的,证明这个对象就是可以利用for in 循环进行遍历的,
格式如下:obj.propertyIsEnumerable(propertyName)
如果 propertyName存在于 obj中且可以使用一个 For…In 循环穷举出来,那么 propertyIsEnumerable 属性返回 true。如果 object 不具有所指定的属性或者所指定的属性不是可列举的,那么 propertyIsEnumerable 属性返回 false。典型地,预定义的属性不是可列举的,而用户定义的属性总是可列举的。
4.toString():返回对象对应的字符串
5.valueOf():返回对象对应的原始类型
以上5个方法都是Object.prototype上定义的,ECMAScript 中的所有对象都由Object继承而来,所以在ECMAScript上的所有对象都具有以几个方法
测试代码1:
1 var p1 = new Object(); //通过Object直接创建对象 2 //为p1对象动态添加属性 3 p1.Age=28; 4 p1.Name="奋斗的小虾米"; 5 //扩展Object类,为Object类添加一个Show方法 6 Object.prototype.Show=function(){ 7 alert(this.Age+"\t"+this.Name); 8 } 9 alert(p1.Age); 10 p1.Show(); 11 document.write("<pre>"); 12 document.writeln("p1.constructor:"+p1.constructor);//得到对象的构造函数 13 document.writeln("Object.prototype:"+Object.prototype);//得到prototype对象,prototype是静态属性,只能通过"类名.prototype"去访问 14 document.writeln("p1.isPrototypeOf(p1):"+p1.isPrototypeOf(p1)); 15 document.writeln("p1.hasOwnProperty(\"Age\"):"+p1.hasOwnProperty("Age")); 16 document.writeln("p1.propertyIsEnumerable(\"Age\"):"+p1.propertyIsEnumerable("Age")); 17 document.writeln("p1.toString():"+p1.toString()); 18 document.writeln("p1.valueOf():"+p1.valueOf()); 19 document.write("</pre>");
运行结果:
测试代码2:
1 var Car = function(){}; 2 Car.prototype.hello = function(){ 3 alert("hello car"); 4 }; 5 var car = new Car(); 6 car.f = function() { 7 alert("自定义方法"); 8 } 9 document.write("<pre>"); 10 document.writeln("car.hasOwnProperty(\"f\")的结果是:"+car.hasOwnProperty("f"));//ture,car对象有f方法 11 document.writeln("car.propertyIsEnumerable(\"f\")的结果是:"+car.propertyIsEnumerable("f"));//ture,car对象有f方法,f方法是可以被枚举的 12 document.writeln("car.hasOwnProperty(\"hello\")"+car.hasOwnProperty("hello")); // false,因为car本身没有hello方法 13 document.writeln("car.propertyIsEnumerable(\"hello\")的结果是:"+car.propertyIsEnumerable("hello")); // false,没有这个方法当然不能枚举 14 document.writeln("car.constructor.prototype.hasOwnProperty(\"hello\")的结果是:"+car.constructor.prototype.hasOwnProperty("hello"));// true,car的类Car的原型有hello方法 15 document.writeln("car.constructor.prototype.propertyIsEnumerable(\"hello\")的结果是:"+car.constructor.prototype.propertyIsEnumerable("hello"));// true, car的类的Car的原型hello方法是可以被枚举的 16 document.writeln("Car.prototype.hasOwnProperty(\"hello\")的结果是:"+Car.prototype.hasOwnProperty("hello"));// true,car的类Car的原型有hello方法 17 document.writeln("Car.prototype.propertyIsEnumerable(\"hello\")的结果是:"+Car.prototype.propertyIsEnumerable("hello")); 18 document.write("</pre>");
运行结果:
这篇关于JavaScript学习总结(十一)——Object类详解的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-13怎么通过 JavaScript 或其他编程语言来实现监听屏幕高度变化功能?-icode9专业技术文章分享
- 2024-11-12聊聊我们那些年用过的表达式引擎组件
- 2024-11-12让项目数据更有说服力:五款必备数据可视化管理工具推荐
- 2024-11-12人到一定年纪,要学会远离多巴胺
- 2024-11-12解读:精益生产管理的目的是什么?如何操作?
- 2024-11-12Sku预研作业
- 2024-11-12文心一言API密钥:分步申请指南
- 2024-11-12初学者指南:轻松掌握后台交互
- 2024-11-12从零开始学习:封装基础知识详解
- 2024-11-12JSON对象入门教程:轻松掌握基础用法