DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript知識點總結(十一)之js中的Object類詳解
JavaScript知識點總結(十一)之js中的Object類詳解
編輯:關於JavaScript     

JavaScript中的Object對象,是JS中所有對象的基類,也就是說JS中的所有對象都是由Object對象衍生的。Object對象主要用於將任意數據封裝成對象形式。

一、Object類介紹

  Object類是所有JavaScript類的基類(父類),提供了一種創建自定義對象的簡單方式,不再需要程序員定義構造函數。

二、Object類主要屬性

  1.constructor:對象的構造函數。

  2.prototype:獲得類的prototype對象,static性質。

三、Object類主要方法

  1.hasOwnProperty(propertyName)

  判斷對象是否有某個特定的屬性。必須用字符串指定該屬性,例如,obj.hasOwnProperty("name"),返回布爾值。此方法無法檢查該對象的原型鏈中是否具有該屬性;該屬性必須是對象本身的一個成員。

var str ="";
alert("str.hasOwnProperty(\"split\")的結果是:"+str.hasOwnProperty("split")); //return false
alert("String.prototype.hasOwnProperty(\"split\")的結果是:"+String.prototype.hasOwnProperty("split"));//return true 

運行結果:

  

  hasOwnProperty的用法不僅僅在此,在Jquery中在編寫插件中,少不了的一步,就是初始化參數,其中一個很重要的方法就是$.extend();他的原理就是應用了hasOwnProperty()方法;利用for in 循環遍歷對象成員中,有沒有相同名稱的對象成員,有的話就用這個新的對象成員替換掉舊的,通過這種方式,我們就可以通過修改方法中的參數變化,從而控制程序的流程,而對於那些沒有改變的部分,仍使用默認值進行控制,我們自己也可以簡單的模擬一下這個extend函數,如下

function extend(target,source){//target 舊的 source新的
  for (var i in source){
if(target.hasOwnProperty(i)){
target[i]=source[i];
}
}
return target;
}
var a={"first":,"second":"lyl","third":"bob"};
var b={"third":"leo"};
extend(a,b);
for(var i in a){
alert(a[i]);//原本是bob,現在變成leo了
} 

  2.isPrototypeOf(object)

  判斷該對象是否為另一個對象的原型。

  obj1.isPrototypeOf(obj2);

  obj1是 一個對象的實例;obj2是另一個將要檢查其原型鏈的對象。原型鏈可以用來在同一個對象類型的不同實例之間共享功能。如果obj2的原型鏈中包含 obj1,那麼isPrototypeOf 方法返回 true。如果obj2不是一個對象或者obj1沒有出現在obj2中的原型鏈中,isPrototypeOf 方法將返回 false。

<script type="text/javascript">
function foo(){
this.name = 'foo';
}
function bar(){
}
bar.prototype = new foo();
var goo = new bar();
alert(goo.name); //foo
alert(bar.prototype.isPrototypeOf(goo));//true,在bar的原型鏈中有當前對象goo,則isPrototypeOf方法返回true
</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:

var p = new Object(); //通過Object直接創建對象
//為p對象動態添加屬性
p.Age=;
p.Name="孤傲蒼狼";
//擴展Object類,為Object類添加一個Show方法
Object.prototype.Show=function(){
alert(this.Age+"\t"+this.Name);
}
alert(p.Age);
p.Show();
document.write("<pre>");
document.writeln("p.constructor:"+p.constructor);//得到對象的構造函數
document.writeln("Object.prototype:"+Object.prototype);//得到prototype對象,prototype是靜態屬性,只能通過"類名.prototype"去訪問
document.writeln("p.isPrototypeOf(p):"+p.isPrototypeOf(p));
document.writeln("p.hasOwnProperty(\"Age\"):"+p.hasOwnProperty("Age"));
document.writeln("p.propertyIsEnumerable(\"Age\"):"+p.propertyIsEnumerable("Age"));
document.writeln("p.toString():"+p.toString());
document.writeln("p.valueOf():"+p.valueOf());
document.write("</pre>"); 

運行結果:

測試代碼2:

var Car = function(){};
Car.prototype.hello = function(){
alert("hello car");
};
var car = new Car();
car.f = function() {
alert("自定義方法");
}
document.write("<pre>");
document.writeln("car.hasOwnProperty(\"f\")的結果是:"+car.hasOwnProperty("f"));//ture,car對象有f方法
document.writeln("car.propertyIsEnumerable(\"f\")的結果是:"+car.propertyIsEnumerable("f"));//ture,car對象有f方法,f方法是可以被枚舉的
document.writeln("car.hasOwnProperty(\"hello\")"+car.hasOwnProperty("hello")); // false,因為car本身沒有hello方法
document.writeln("car.propertyIsEnumerable(\"hello\")的結果是:"+car.propertyIsEnumerable("hello")); // false,沒有這個方法當然不能枚舉
document.writeln("car.constructor.prototype.hasOwnProperty(\"hello\")的結果是:"+car.constructor.prototype.hasOwnProperty("hello"));// true,car的類Car的原型有hello方法
document.writeln("car.constructor.prototype.propertyIsEnumerable(\"hello\")的結果是:"+car.constructor.prototype.propertyIsEnumerable("hello"));// true, car的類的Car的原型hello方法是可以被枚舉的
document.writeln("Car.prototype.hasOwnProperty(\"hello\")的結果是:"+Car.prototype.hasOwnProperty("hello"));// true,car的類Car的原型有hello方法
document.writeln("Car.prototype.propertyIsEnumerable(\"hello\")的結果是:"+Car.prototype.propertyIsEnumerable("hello"));
document.write("</pre>"); 

運行結果:

  

以上所述是小編給大家介紹的JavaScript知識點總結(十一)之js中的Object類詳解,希望對大家有所幫助

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved