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

 •對(duì)象直接量

var o = {
 foo : "bar"
 }
 

•構(gòu)造函數(shù)

var o = new Object();
 

•原型繼承

var p = Object.create(o);
 

類(lèi)繼承

Javascript對(duì)象擁有自有屬性和繼承屬性。

 •在查詢對(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ō)，只有在查詢時(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格式的話可以用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)用

最新評(píng)論