溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

JavaScript對(duì)象有哪幾類

發(fā)布時(shí)間:2021-11-20 16:08:06 來源:億速云 閱讀:199 作者:iii 欄目:開發(fā)技術(shù)

這篇文章主要講解了“JavaScript對(duì)象有哪幾類”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請(qǐng)大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“JavaScript對(duì)象有哪幾類”吧!

三類JavaScript對(duì)象

內(nèi)置對(duì)象:由ECMAScript定義的對(duì)象或類。例如,數(shù)組、函數(shù)、日期和正則表達(dá)式。

宿主對(duì)象:由JavaScript解釋器所嵌入的宿主環(huán)境定義的。如HTMLElement

自定義對(duì)象:由運(yùn)行中的JavaScript定義的對(duì)象

自有屬性:直接在對(duì)象中定義的屬性

繼承屬性:在對(duì)象的原型對(duì)象中定義的屬性

1.創(chuàng)建對(duì)象

(1)、對(duì)象直接量

var empty={};
var point={x:1,y:1};

(2)、通過new創(chuàng)建對(duì)象

關(guān)鍵字new后跟函數(shù)調(diào)用,這里函數(shù)稱為構(gòu)造函數(shù)

var o=new Object(); //var o={};
function Person(name,age){
  this.name=name;
  this.age=age;
}
var p=new Person("John",32);

(3)、原型

每個(gè)JavaScript對(duì)象(null)除外都和另外一個(gè)原型對(duì)象相關(guān)聯(lián),每一個(gè)對(duì)象都從原型繼承屬性。

所有通過直接量創(chuàng)建的對(duì)象都具有同一個(gè)原型對(duì)象,并可以通過Object.prototype獲得對(duì)原型對(duì)象的引用。

通過new關(guān)鍵字創(chuàng)建的對(duì)象的原型就是構(gòu)造函數(shù)的prototype屬性值。new Array()的原型Array.prototype。

沒有原型的對(duì)象不多如:Object.prototype,所有內(nèi)置構(gòu)造函數(shù)都具有一個(gè)繼承自O(shè)bject.prototype的原型。

(4)、Object.create()

Object.create()靜態(tài)函數(shù),第一個(gè)參數(shù)為對(duì)象的原型,可以通過傳入null創(chuàng)建一個(gè)沒有原型的對(duì)象。

var o1=Object.create(null);
var o2=Object.create(Object.prototype); //var o2={};
2. 屬性的查詢和設(shè)置

對(duì)象通過.或[]運(yùn)算符來獲取屬性的值。JavaScript對(duì)象都是關(guān)聯(lián)數(shù)組。屬性不存在返回undefined的,不能訪問undefined對(duì)象的屬性,否則拋出異常。

var len = book && book.subtitle && book.subtitle.length;

刪除屬性:delete運(yùn)算符,總是返回true,只能刪除自有屬性。

檢測(cè)屬性

in運(yùn)算符:檢查自有屬性和繼承屬性

hasOwnProperty():檢查自有屬性

propertyIsEnumerable():檢查自有屬性且是可枚舉的

for/in枚舉屬性

屬性的getter和setter

ECMAScript中屬性值可以用一個(gè)或兩個(gè)方法代替,就是getter或setter稱為"存取器屬性"。利用關(guān)鍵字set和get來聲明。

3. 屬性的特性

屬性特性:可寫、可枚舉、可配置
ECMAScript中定義一個(gè)名為"屬性描述符"的對(duì)象,這個(gè)對(duì)象代表屬性所具有的特性。
數(shù)據(jù)屬性的描述符有:value、writeable、enumerable和configurable
存取屬性的描述符有:get、set、enumerable和configurable
通過靜態(tài)方法返回對(duì)象的特定屬性的描述符
Object.getOwnPropertyDescriptor({x:1},"x");
Object.defineProperty

4. 對(duì)象的三個(gè)屬性

(1) 原型屬性ES5中通過Obejct.getPropertyOf()傳入對(duì)象可以查詢?cè)?,一般可以o.constructor.prototype來獲得。 p.isPropertyOf(o) 檢測(cè)p是否是o的原型。(2) 類屬性對(duì)象的類屬性是指一個(gè)字符串,用以表示對(duì)象的類型信息。

function classof(o) {
    if(o === null) return "Null";
    if(o === undefined) return "Undefined";
    return Object.prototype.toString(o).slice(8,-1);
}

(3)可擴(kuò)展性對(duì)象的可擴(kuò)展性表示是否可以給對(duì)象添加新屬性。所有內(nèi)置對(duì)象和自定義對(duì)象都是顯示可擴(kuò)展的,宿主對(duì)象的可擴(kuò)展性是由JavaScript引擎定義的。

感謝各位的閱讀,以上就是“JavaScript對(duì)象有哪幾類”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對(duì)JavaScript對(duì)象有哪幾類這一問題有了更深刻的體會(huì),具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章,歡迎關(guān)注!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI