首頁 > web前端 > js教程 > Javascript Objects詳解_基礎知識

Javascript Objects詳解_基礎知識

WBOY
發布: 2016-05-16 16:37:30
原創
1317 人瀏覽過

建立物件

 •對象直接量

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
登入後複製

 既可以當作物件來使用(有原型鏈),也可以當作函數來直接呼叫

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板