這篇文章主要講解了“JavaScript對象有哪幾類”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“JavaScript對象有哪幾類”吧!
三類JavaScript對象
內置對象:由ECMAScript定義的對象或類。例如,數組、函數、日期和正則表達式。
宿主對象:由JavaScript解釋器所嵌入的宿主環境定義的。如HTMLElement
自定義對象:由運行中的JavaScript定義的對象
自有屬性:直接在對象中定義的屬性
繼承屬性:在對象的原型對象中定義的屬性
(1)、對象直接量
var empty={};
var point={x:1,y:1};(2)、通過new創建對象
關鍵字new后跟函數調用,這里函數稱為構造函數
var o=new Object(); //var o={};
function Person(name,age){
this.name=name;
this.age=age;
}
var p=new Person("John",32);(3)、原型
每個JavaScript對象(null)除外都和另外一個原型對象相關聯,每一個對象都從原型繼承屬性。
所有通過直接量創建的對象都具有同一個原型對象,并可以通過Object.prototype獲得對原型對象的引用。
通過new關鍵字創建的對象的原型就是構造函數的prototype屬性值。new Array()的原型Array.prototype。
沒有原型的對象不多如:Object.prototype,所有內置構造函數都具有一個繼承自Object.prototype的原型。
(4)、Object.create()
Object.create()靜態函數,第一個參數為對象的原型,可以通過傳入null創建一個沒有原型的對象。
var o1=Object.create(null);
var o2=Object.create(Object.prototype); //var o2={};對象通過.或[]運算符來獲取屬性的值。JavaScript對象都是關聯數組。屬性不存在返回undefined的,不能訪問undefined對象的屬性,否則拋出異常。
var len = book && book.subtitle && book.subtitle.length;
刪除屬性:delete運算符,總是返回true,只能刪除自有屬性。
檢測屬性
in運算符:檢查自有屬性和繼承屬性
hasOwnProperty():檢查自有屬性
propertyIsEnumerable():檢查自有屬性且是可枚舉的
for/in枚舉屬性
屬性的getter和setter
ECMAScript中屬性值可以用一個或兩個方法代替,就是getter或setter稱為"存取器屬性"。利用關鍵字set和get來聲明。
屬性特性:可寫、可枚舉、可配置
ECMAScript中定義一個名為"屬性描述符"的對象,這個對象代表屬性所具有的特性。
數據屬性的描述符有:value、writeable、enumerable和configurable
存取屬性的描述符有:get、set、enumerable和configurable
通過靜態方法返回對象的特定屬性的描述符
Object.getOwnPropertyDescriptor({x:1},"x");
Object.defineProperty
(1) 原型屬性ES5中通過Obejct.getPropertyOf()傳入對象可以查詢原型,一般可以o.constructor.prototype來獲得。 p.isPropertyOf(o) 檢測p是否是o的原型。(2) 類屬性對象的類屬性是指一個字符串,用以表示對象的類型信息。
function classof(o) {
if(o === null) return "Null";
if(o === undefined) return "Undefined";
return Object.prototype.toString(o).slice(8,-1);
}(3)可擴展性對象的可擴展性表示是否可以給對象添加新屬性。所有內置對象和自定義對象都是顯示可擴展的,宿主對象的可擴展性是由JavaScript引擎定義的。
感謝各位的閱讀,以上就是“JavaScript對象有哪幾類”的內容了,經過本文的學習后,相信大家對JavaScript對象有哪幾類這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。