Object對(duì)象(ES5)

抄自http://javascript.ruanyifeng.com/stdlib/object.html
和js高程
概述
JavaScript 原生提供Object對(duì)象(注意起首的O是大寫(xiě)),所有其他對(duì)象都繼承自這個(gè)對(duì)象。Object本身也是一個(gè)構(gòu)造函數(shù)型将,可以直接通過(guò)它來(lái)生成新對(duì)象纸淮。
Object是所有對(duì)象的基礎(chǔ),因此所有對(duì)象都具有這些基本的屬性和方法梳杏。

var obj = new Object();

Object作為構(gòu)造函數(shù)使用時(shí),可以接受一個(gè)參數(shù)。如果該參數(shù)是一個(gè)對(duì)象拍鲤,則直接返回這個(gè)對(duì)象;如果是一個(gè)原始類型的值汞扎,則返回該值對(duì)應(yīng)的包裝對(duì)象季稳。

var o1 = {a: 1};
var o2 = new Object(o1);
o1 === o2 // true

new Object(123) instanceof Number
// true

注意,通過(guò)new Object()的寫(xiě)法生成新對(duì)象澈魄,與字面量的寫(xiě)法o = {}是等價(jià)的景鼠。

與其他構(gòu)造函數(shù)一樣,如果要在Object對(duì)象上面部署一個(gè)方法痹扇,有兩種做法铛漓。

(1)部署在Object對(duì)象本身

比如,在Object對(duì)象上面定義一個(gè)print方法鲫构,顯示其他對(duì)象的內(nèi)容浓恶。

Object.print = function(o){ console.log(o) };

var o = new Object();

Object.print(o)
// Object

(2)部署在Object.prototype對(duì)象

所有構(gòu)造函數(shù)都有一個(gè)prototype屬性,指向一個(gè)原型對(duì)象芬迄。凡是定義在Object.prototype對(duì)象上面的屬性和方法问顷,將被所有實(shí)例對(duì)象共享。(關(guān)于prototype屬性的詳細(xì)解釋禀梳,參見(jiàn)《面向?qū)ο缶幊獭芬徽露耪#?/p>

Object.prototype.print = function(){ console.log(this)};

var o = new Object();

o.print() // Object

上面代碼在Object.prototype定義了一個(gè)print方法,然后生成一個(gè)Object的實(shí)例o算途。o直接繼承了Object.prototype的屬性和方法塞耕,可以在自身調(diào)用它們,也就是說(shuō)嘴瓤,o對(duì)象的print方法實(shí)質(zhì)上是調(diào)用Object.prototype.print方法扫外。。

可以看到廓脆,盡管上面兩種寫(xiě)法的print方法功能相同筛谚,但是用法是不一樣的,因此必須區(qū)分“構(gòu)造函數(shù)的方法”和“實(shí)例對(duì)象的方法”停忿。

Object()

Object本身當(dāng)作工具方法使用時(shí)驾讲,可以將任意值轉(zhuǎn)為對(duì)象。這個(gè)方法常用于保證某個(gè)值一定是對(duì)象。

如果參數(shù)是原始類型的值吮铭,Object方法返回對(duì)應(yīng)的包裝對(duì)象的實(shí)例(參見(jiàn)《原始類型的包裝對(duì)象》一節(jié))时迫。

Object() // 返回一個(gè)空對(duì)象
Object() instanceof Object // true

Object(undefined) // 返回一個(gè)空對(duì)象
Object(undefined) instanceof Object // true

Object(null) // 返回一個(gè)空對(duì)象
Object(null) instanceof Object // true

Object(1) // 等同于 new Number(1)
Object(1) instanceof Object // true
Object(1) instanceof Number // true

Object('foo') // 等同于 new String('foo')
Object('foo') instanceof Object // true
Object('foo') instanceof String // true

Object(true) // 等同于 new Boolean(true)
Object(true) instanceof Object // true
Object(true) instanceof Boolean // true

上面代碼表示Object函數(shù)可以將各種值轉(zhuǎn)為對(duì)應(yīng)的構(gòu)造函數(shù)生成的對(duì)象。

如果Object方法的參數(shù)是一個(gè)對(duì)象谓晌,它總是返回原對(duì)象掠拳。

var arr = [];
Object(arr) // 返回原數(shù)組
Object(arr) === arr // true

var obj = {};
Object(obj) // 返回原對(duì)象
Object(obj) === obj // true

var fn = function () {};
Object(fn) // 返回原函數(shù)
Object(fn) === fn // true

利用這一點(diǎn),可以寫(xiě)一個(gè)判斷變量是否為對(duì)象的函數(shù)纸肉。

function isObject(value) {
  return value === Object(value);
}

isObject([]) // true
isObject(true) // false

Object 對(duì)象的靜態(tài)方法

所謂“靜態(tài)方法”溺欧,是指部署在Object對(duì)象自身的方法。(原生的方法)

Object.keys()毁靶,Object.getOwnPropertyNames()

Object.keys方法和Object.getOwnPropertyNames方法很相似胧奔,一般用來(lái)遍歷對(duì)象的屬性。
它們的參數(shù)都是一個(gè)對(duì)象预吆,都返回一個(gè)數(shù)組龙填,該數(shù)組的成員都是對(duì)象自身的(而不是繼承的)所有屬性名
它們的區(qū)別在于拐叉,Object.keys方法只返回可枚舉的屬性(關(guān)于可枚舉性的詳細(xì)解釋見(jiàn)后文)岩遗,Object.getOwnPropertyNames方法還返回不可枚舉的屬性名。

var o = {
  p1: 123,
  p2: 456
};

Object.keys(o)
// ["p1", "p2"]

Object.getOwnPropertyNames(o)
// ["p1", "p2"]

上面的代碼表示凤瘦,對(duì)于一般的對(duì)象來(lái)說(shuō)宿礁,這兩個(gè)方法返回的結(jié)果是一樣的。只有涉及不可枚舉屬性時(shí)蔬芥,才會(huì)有不一樣的結(jié)果梆靖。
var a = ["Hello", "World"];

Object.keys(a)
// ["0", "1"]

Object.getOwnPropertyNames(a)
// ["0", "1", "length"]
上面代碼中,數(shù)組的length屬性是不可枚舉的屬性笔诵,所以只出現(xiàn)在Object.getOwnPropertyNames方法的返回結(jié)果中返吻。

由于JavaScript沒(méi)有提供計(jì)算對(duì)象屬性個(gè)數(shù)的方法,所以可以用這兩個(gè)方法代替乎婿。

Object.keys(o).length
Object.getOwnPropertyNames(o).length

一般情況下测僵,幾乎總是使用Object.keys方法,遍歷數(shù)組的屬性谢翎。

其他方法

除了上面提到的方法捍靠,Object還有不少其他方法,將在后文逐一詳細(xì)介紹森逮。

(1)對(duì)象屬性模型的相關(guān)方法

Object.getOwnPropertyDescriptor():獲取某個(gè)屬性的attributes對(duì)象榨婆。
Object.defineProperty():通過(guò)attributes對(duì)象,定義某個(gè)屬性褒侧。
Object.defineProperties():通過(guò)attributes對(duì)象良风,定義多個(gè)屬性颜武。
Object.getOwnPropertyNames():返回直接定義在某個(gè)對(duì)象上面的全部屬性的名稱。
(2)控制對(duì)象狀態(tài)的方法

Object.preventExtensions():防止對(duì)象擴(kuò)展拖吼。
Object.isExtensible():判斷對(duì)象是否可擴(kuò)展。
Object.seal():禁止對(duì)象配置这吻。
Object.isSealed():判斷一個(gè)對(duì)象是否可配置吊档。
Object.freeze():凍結(jié)一個(gè)對(duì)象。
Object.isFrozen():判斷一個(gè)對(duì)象是否被凍結(jié)唾糯。
(3)原型鏈相關(guān)方法

Object.create():該方法可以指定原型對(duì)象和屬性怠硼,返回一個(gè)新的對(duì)象。
Object.getPrototypeOf():獲取對(duì)象的Prototype對(duì)象移怯。

Object對(duì)象的實(shí)例方法

除了Object對(duì)象本身的方法香璃,還有不少方法是部署在Object.prototype對(duì)象上的,所有Object的實(shí)例對(duì)象都繼承了這些方法舟误。

Object實(shí)例對(duì)象的方法葡秒,主要有以下六個(gè)。

valueOf():返回當(dāng)前對(duì)象對(duì)應(yīng)的值嵌溢。
toString():返回當(dāng)前對(duì)象對(duì)應(yīng)的字符串形式眯牧。
toLocaleString():返回當(dāng)前對(duì)象對(duì)應(yīng)的本地字符串形式。
hasOwnProperty():判斷某個(gè)屬性是否為當(dāng)前對(duì)象自身的屬性赖草,還是繼承自原型對(duì)象的屬性学少。
isPrototypeOf():判斷當(dāng)前對(duì)象是否為另一個(gè)對(duì)象的原型。
propertyIsEnumerable():判斷某個(gè)屬性是否可枚舉秧骑。

Object.prototype.valueOf()

valueOf方法的作用是返回一個(gè)對(duì)象的“值”版确,默認(rèn)情況下返回對(duì)象本身。

var o = new Object();
o.valueOf() === o // true

上面代碼比較o.valueOf()與o本身乎折,兩者是一樣的绒疗。

valueOf方法的主要用途是,JavaScript自動(dòng)類型轉(zhuǎn)換時(shí)會(huì)默認(rèn)調(diào)用這個(gè)方法笆檀。(==,不同類型相加)

var o = new Object();
1 + o // "1[object Object]"

上面代碼將對(duì)象o與數(shù)字1相加忌堂,這時(shí)JavaScript就會(huì)默認(rèn)調(diào)用valueOf()方法。所以酗洒,如果自定義valueOf方法士修,就可以得到想要的結(jié)果。

var o = new Object();
o.valueOf = function (){
  return 2;
};

1 + o // 3

上面代碼自定義了o對(duì)象的valueOf方法樱衷,于是1 + o就得到了3棋嘲。這種方法就相當(dāng)于用o.valueOf覆蓋Object.prototype.valueOf。

Object.prototype.toString()

toString方法的作用是返回一個(gè)對(duì)象的字符串形式矩桂,默認(rèn)情況下返回類型字符串沸移。

var o1 = new Object();
o1.toString() // "[object Object]"

var o2 = {a:1};
o2.toString() // "[object Object]"

上面代碼表示,對(duì)于一個(gè)對(duì)象調(diào)用toString方法,會(huì)返回字符串[object Object]雹锣,該字符串說(shuō)明對(duì)象的類型网沾。

字符串[object Object]本身沒(méi)有太大的用處,但是通過(guò)自定義toString方法蕊爵,可以讓對(duì)象在自動(dòng)類型轉(zhuǎn)換時(shí)辉哥,得到想要的字符串形式

var o = new Object();

o.toString = function () {
  return 'hello';
};

o + ' ' + 'world' // "hello world"

上面代碼表示攒射,當(dāng)對(duì)象用于字符串加法時(shí)醋旦,會(huì)自動(dòng)調(diào)用toString方法。由于自定義了toString方法会放,所以返回字符串hello world饲齐。

數(shù)組、字符串咧最、函數(shù)捂人、Date對(duì)象都分別部署了自己版本的toString方法,覆蓋了Object.prototype.toString方法矢沿。

[1, 2, 3].toString() // "1,2,3"

'123'.toString() // "123"

(function () {
  return 123;
}).toString()
// "function () {
//   return 123;
// }"

(new Date()).toString()
// "Tue May 10 2016 09:11:31 GMT+0800 (CST)"

toString()的應(yīng)用:判斷數(shù)據(jù)類型

Object.prototype.toString方法返回對(duì)象的類型字符串先慷,因此可以用來(lái)判斷一個(gè)值的類型。
實(shí)例對(duì)象可能會(huì)自定義toString方法咨察,覆蓋掉Object.prototype.toString方法论熙。通過(guò)函數(shù)的call方法,可以在任意值上調(diào)用Object.prototype.toString方法摄狱,幫助我們判斷這個(gè)值的類型脓诡。

Object.prototype.toString.call(value)

不同數(shù)據(jù)類型的Object.prototype.toString方法返回值如下。

數(shù)值:返回[object Number]媒役。
字符串:返回[object String]祝谚。
布爾值:返回[object Boolean]。
undefined:返回[object Undefined]酣衷。
null:返回[object Null]交惯。
數(shù)組:返回[object Array]。
arguments對(duì)象:返回[object Arguments]穿仪。
函數(shù):返回[object Function]席爽。
Error對(duì)象:返回[object Error]。
Date對(duì)象:返回[object Date]啊片。
RegExp對(duì)象:返回[object RegExp]只锻。
其他對(duì)象:返回[object Object]。

也就是說(shuō)紫谷,Object.prototype.toString可以得到一個(gè)實(shí)例對(duì)象的構(gòu)造函數(shù)齐饮。

Object.prototype.toString.call(2) // "[object Number]"
Object.prototype.toString.call('') // "[object String]"
Object.prototype.toString.call(true) // "[object Boolean]"
Object.prototype.toString.call(undefined) // "[object Undefined]"
Object.prototype.toString.call(null) // "[object Null]"
Object.prototype.toString.call(Math) // "[object Math]"
Object.prototype.toString.call({}) // "[object Object]"
Object.prototype.toString.call([]) // "[object Array]"

判斷類型

利用這個(gè)特性捐寥,可以寫(xiě)出一個(gè)比typeof運(yùn)算符更準(zhǔn)確的類型判斷函數(shù)。

var type = function (o){
  var s = Object.prototype.toString.call(o);
  return s.match(/\[object (.*?)\]/)[1].toLowerCase();
};

type({}); // "object"
type([]); // "array"
type(5); // "number"
type(null); // "null"
type(); // "undefined"
type(/abcd/); // "regex"
type(new Date()); // "date"

在上面這個(gè)type函數(shù)的基礎(chǔ)上祖驱,還可以加上專門(mén)判斷某種類型數(shù)據(jù)的方法握恳。

['Null',
 'Undefined',
 'Object',
 'Array',
 'String',
 'Number',
 'Boolean',
 'Function',
 'RegExp'
].forEach(function (t) {
  type['is' + t] = function (o) {
    return type(o) === t.toLowerCase();
  };
});

type.isObject({}) // true
type.isNumber(NaN) // true
type.isRegExp(/abc/) // true
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市捺僻,隨后出現(xiàn)的幾起案子睡互,更是在濱河造成了極大的恐慌,老刑警劉巖陵像,帶你破解...
    沈念sama閱讀 218,607評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異寇壳,居然都是意外死亡醒颖,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)壳炎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)泞歉,“玉大人,你說(shuō)我怎么就攤上這事匿辩⊙遥” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,960評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵铲球,是天一觀的道長(zhǎng)挺庞。 經(jīng)常有香客問(wèn)我,道長(zhǎng)稼病,這世上最難降的妖魔是什么选侨? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,750評(píng)論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮然走,結(jié)果婚禮上援制,老公的妹妹穿的比我還像新娘。我一直安慰自己芍瑞,他們只是感情好晨仑,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著拆檬,像睡著了一般洪己。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上竟贯,一...
    開(kāi)封第一講書(shū)人閱讀 51,604評(píng)論 1 305
  • 那天码泛,我揣著相機(jī)與錄音,去河邊找鬼澄耍。 笑死噪珊,一個(gè)胖子當(dāng)著我的面吹牛晌缘,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播痢站,決...
    沈念sama閱讀 40,347評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼磷箕,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了阵难?” 一聲冷哼從身側(cè)響起岳枷,我...
    開(kāi)封第一講書(shū)人閱讀 39,253評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎呜叫,沒(méi)想到半個(gè)月后空繁,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,702評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡朱庆,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評(píng)論 3 336
  • 正文 我和宋清朗相戀三年盛泡,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片娱颊。...
    茶點(diǎn)故事閱讀 40,015評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡傲诵,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出箱硕,到底是詐尸還是另有隱情拴竹,我是刑警寧澤,帶...
    沈念sama閱讀 35,734評(píng)論 5 346
  • 正文 年R本政府宣布剧罩,位于F島的核電站栓拜,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏惠昔。R本人自食惡果不足惜菱属,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望舰罚。 院中可真熱鬧纽门,春花似錦、人聲如沸营罢。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,934評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)饲漾。三九已至蝙搔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間考传,已是汗流浹背吃型。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,052評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留僚楞,地道東北人勤晚。 一個(gè)月前我還...
    沈念sama閱讀 48,216評(píng)論 3 371
  • 正文 我出身青樓枉层,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親赐写。 傳聞我的和親對(duì)象是個(gè)殘疾皇子鸟蜡,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容