Javascript Objects詳解，javascriptobjects

Javascript Objects詳解，javascriptobjects

建立對象

 •對象直接量

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

 既可以當作對象來使用（有原型鏈），也可以當作函數來直接調用

javascript詳解

1.為對象的自訂屬性，即往window對象添加$和getMouseCoords兩個函數，isIE一個屬性
由於這3個都是聲明在函數外，所以調用時 和 使用var 沒有區別
用window.代表是全域的，var 則要根據使用的地方來決定其有效範圍
2.簡寫的if文法 (obj)?true:false 或 (bool)?true:false 括弧可以省略
即if(obj!=null) { return "問號後面的值" } else { return "冒號後面的值" }
或if(bool == true){同上}else{}
這裡嵌套了兩層
if(document.getElementById == null){ //判斷當前瀏覽器是否支援getElementById
return document.getElementById(obj)
} else {
if (document.all == null) { //判斷當前瀏覽器是否支援document.all
return document.all[obj]
}else{
return obj
}
}
3.同上判斷是否存在參數a，不存在的話 為a賦值，"!"表示取反
if (!(a != null)) {//即a不存在時，這裡a指onmousedown觸發時的 滑鼠參數（座標等）
a=window.event;//event代表事件的狀態，包括滑鼠、鍵盤的參數
}
layerX 滑鼠以事件觸發元素內界的左上方橫座標，layerY為縱座標
如單擊按鈕時，滑鼠相對該按鈕左上方橫座標的像素值
 
javascript詳解書籍推薦本，要書名

《javascript權威指南》是一本API參考手冊，看得比較枯燥
《javascript進階程式設計》
《javascript設計模式》
《javascript DOM進階程式設計》
《javascript DOM編程藝術》
《高效能javascript》
等等。。