Javascript Objects詳解
創(chuàng)建對(duì)象
•對(duì)象直接量
var o = { foo : "bar" }
•構(gòu)造函數(shù)
var o = new Object();
•原型繼承
var p = Object.create(o);
類(lèi)繼承
Javascript對(duì)象擁有自有屬性和繼承屬性。
•在查詢(xún)對(duì)象o的屬性x時(shí),先查找o中的屬性x,如果沒(méi)找到,則查找o的原型對(duì)象中的x屬性,直到查找到x或者一個(gè)原型是null的對(duì)象為止
•在給對(duì)象o的x屬性賦值時(shí),如果o中已經(jīng)有一個(gè)自有屬性x,則改變x的值,若o中不存在屬性x,則為o創(chuàng)建一個(gè)x屬性并賦值
•也就是說(shuō),只有在查詢(xún)時(shí)原型鏈才會(huì)起作用。
var O = { x : 1 }; function P() { this.y = 2; } P.prototype = O; var t = new P(); console.log(t); console.log('x' in t);//true console.log(t.hasOwnProperty('x'));//false
可以使用in 或者 hasOwnProperty 來(lái)判斷對(duì)象中是否存在屬性。
對(duì)象屬性
•遍歷對(duì)象屬性
可以使用 for..in 來(lái)遍歷對(duì)象的屬性
使用for..in時(shí)會(huì)遍歷到原型鏈上的屬性。遍歷順序是以廣度優(yōu)先遍歷
所以使用hasOwnProperty便可以判斷是否是對(duì)象自有的屬性。
•對(duì)象屬性的特性
使用Object.getOwnPropertyDescriptor()獲取對(duì)象特定屬性的描述符
可寫(xiě)性(writable) 表示對(duì)象屬性是否可寫(xiě)
例如
var o = { foo : 'bar' } Object.defineProperty(o, "foo", { writable : false }); o.foo = 'world'; console.log(o.foo);//仍然輸出bar
可枚舉性(enumerable) 表示對(duì)象屬性是否可枚舉
例如
Array中的length等屬性的 enumerable是false,所以,
for (p in Array) { console.log(p); }
什么也不輸出
可配置性(configurable) 表示可否修改屬性的可配置性和可枚舉性
可以用Object.defineProperties來(lái)定義這些配置屬性。
Object.defineProperty(o, "foo", { writable : false });
Get 表示獲取對(duì)象屬性的方法
Set 表示設(shè)置對(duì)象屬性的方法
示例
var book = { _year: 2004, edition: 1 }; Object.defineProperty(book, "year", { get: function () { console.log('get year'); return this._year; }, set: function (newValue) { console.log('set year'); if (newValue > 2004) { this._year = newValue; this.edition += newValue - 2004; } } }); book.year = 2005;//控制臺(tái)輸出‘set year' console.log(book.year);//控制臺(tái)輸出‘get year'和year的值
對(duì)象方法
toString 將對(duì)象轉(zhuǎn)換成字符串,默認(rèn)的轉(zhuǎn)換會(huì)是[object Object]之類(lèi)的東西,所以需要轉(zhuǎn)成json格式的話(huà)可以用JSON.stringify
valueOf 需要將對(duì)象轉(zhuǎn)換成其他類(lèi)型的時(shí)候要用到。同樣的,默認(rèn)轉(zhuǎn)換沒(méi)什么值得說(shuō)的。
可執(zhí)行對(duì)象
通過(guò)如下方法可以創(chuàng)建一個(gè)可執(zhí)行對(duì)象
function bar(o) { var f = function() { return "Hello World!"; } o.__proto__ = f.__proto__; f.__proto__ = o; return f; } var o = { x: 5 }; var foo = bar(o); console.log(foo()); console.log(foo.x); console.log(typeof foo);//function
既可以當(dāng)作對(duì)象來(lái)使用(有原型鏈),也可以當(dāng)作函數(shù)來(lái)直接調(diào)用
相關(guān)文章
JavaScript入門(mén)初體驗(yàn)書(shū)寫(xiě)方式
學(xué)了這么久,你真的了解javascript嗎?很多不知道的小白總是把它和java聯(lián)系在一起,在這里阿牛很負(fù)責(zé)任的告訴你們,兩者沒(méi)有任何關(guān)系,今天就來(lái)帶你們一起揭開(kāi)javascript的神秘面紗2022-03-03Javascript實(shí)例項(xiàng)目放大鏡特效的實(shí)現(xiàn)流程
商城網(wǎng)站包括APP端中把鼠標(biāo)光標(biāo)移動(dòng)到預(yù)覽圖上就會(huì)看到這部分商品圖片放大了,這就是JavaScript實(shí)現(xiàn)的放大鏡特效,今天我們也來(lái)實(shí)現(xiàn)一波2021-11-11js中top/parent/frame概述及案例應(yīng)用
top:永遠(yuǎn)指分割窗口最高層次的瀏覽器窗口;parent:包含當(dāng)前分割窗口的父窗口,本文將圍繞js中top、parent、frame進(jìn)行講述及他們的應(yīng)用案例2013-02-02Javascript學(xué)習(xí)筆記1 數(shù)據(jù)類(lèi)型
在Javascript中只有五種簡(jiǎn)單類(lèi)型,分別為null,undefined,boolean,String和Number.一種復(fù)雜類(lèi)型:object。2010-01-01簡(jiǎn)介JavaScript中Math.cos()余弦方法的使用
這篇文章主要介紹了簡(jiǎn)介JavaScript中Math.cos()余弦方法的使用,是JS入門(mén)學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06javascript實(shí)現(xiàn)的網(wǎng)頁(yè)局布刷新效果
AJAX,近幾年火熱起來(lái)的一個(gè)詞.什么是ajax本文就不介紹了,其實(shí),AJAX也就是 javascript腳本的應(yīng)用.全拼是:AsynchronousJavaScript+XML .現(xiàn)在我們就來(lái)看一個(gè)用javascript實(shí)現(xiàn)的局部刷新2008-12-12