Javascript Objects - Javascript語法基礎 - Javascript核心

原文: http://pij.robinqu.me/Javascript_Core/Javascript_Basics/Objects.html

源代碼： https://github.com/RobinQu/Programing-In-JavaScript/blob/master/chapters/JavaScript_Core/Javascript_Basics/Objects.md

• 本文須要補充更多例子
• 本文存在批註，但該網站的Markdown編輯器不支持，因此沒法正常展現，請到原文參考。

Javascript Objects

建立對象

• 對象直接量

  var o = {
  foo : "bar"
  }

• 構造函數

  var o = new Object();

• 原型繼承

  var p = Object.create(o);

類繼承

Javascript對象擁有自有屬性和繼承屬性。

• 在查詢對象o的屬性x時，先查找o中的屬性x，若是沒找到，則查找o的原型對象中的x屬性，直到查找到x或者一個原型是null的對象爲止

• 在給對象o的x屬性賦值時，若是o中已經有一個自有屬性x，則改變x的值，若o中不存在屬性x，則爲o建立一個x屬性並賦值

• 也就是說，只有在查詢時原型鏈纔會起做用。

  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 來判斷對象中是否存在屬性。

對象屬性

• 遍歷對象屬性

能夠使用 for..in 來遍歷對象的屬性

使用for..in時會遍歷到原型鏈上的屬性。遍歷順序是以廣度優先遍歷

因此使用hasOwnProperty即可以判斷是不是對象自有的屬性。

• 對象屬性的特性

使用Object.getOwnPropertyDescriptor()獲取對象特定屬性的描述符

可寫性(writable) 表示對象屬性是否可寫

例如

var o = {
    foo : 'bar'
}

Object.defineProperty(o, "foo", { writable : false });

o.foo = 'world';
console.log(o.foo);//仍然輸出bar

可枚舉性(enumerable) 表示對象屬性是否可枚舉

例如
Array中的length等屬性的 enumerable是false，因此，

for (p in Array) {
    console.log(p);
}

什麼也不輸出

可配置性(configurable) 表示能否修改屬性的可配置性和可枚舉性

能夠用Object.defineProperties來定義這些配置屬性。

Object.defineProperty(o, "foo", { writable : false });

Get 表示獲取對象屬性的方法
Set 表示設置對象屬性的方法

示例

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;//控制檯輸出‘set year’
console.log(book.year);//控制檯輸出‘get year’和year的值

對象方法

• toString 將對象轉換成字符串，默認的轉換會是[object Object]之類的東西，因此須要轉成json格式的話能夠用JSON.stringify

• valueOf 須要將對象轉換成其餘類型的時候要用到。一樣的，默認轉換沒什麼值得說的。

可執行對象

經過以下方法能夠建立一個可執行對象

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

既能夠看成對象來使用（有原型鏈），也能夠看成函數來直接調用