首頁 > web前端 > js教程 > JS中物件的不同創建方法實例詳解

JS中物件的不同創建方法實例詳解

怪我咯
發布: 2017-06-29 10:28:31
原創
1165 人瀏覽過

js物件與一般的物件導向的程式設計語言有所不同的。 js中的物件是基本原型的。以下為大家介紹js中物件的不同創建方法,非常不錯,有興趣的朋友一起學習吧

javascript中的物件與一般的物件導向的程式設計語言(c++,Java等)不同,甚至很少有人說它是物件導向的程式設計語言,因為它沒有類別。 javaScript只有對象,不是類別的實例。 javascript中的物件是基於原型的。

1.1句點運算子建立

  javascript中的物件其實就是一個由屬性組成的關聯數組,屬性由名稱和值組成,值的型別可以是任何資料型別,或是函數和其他物件。

  建立一個簡單物件:

var foo = {};
foo.prop_1 = 'bar';
foo.prop_2 = false;
foo.prop_3 = function() {
return 'hello world'; 
}
console.log(foo.prop_3());
登入後複製

  透過引用賦值給foo,{}是物件字面量的表示方法,var foo={}也可以透過var foo = new Object ()來顯示地建立一個物件

1.2 使用關聯陣列建立物件

var foo = {};
foo['prop_1'] = 'bar';
foo['prop_2'] = false;
foo['prop_3'] = function() {
return 'hello world'; 
}
登入後複製

  javascript中使用句點運算子和關聯數組參考是等價的。使用關聯數組的好處是在我們不知道物件的屬性名稱的時候可以用變數來作為關聯數組的索引。例如:

var some_prop = 'prop_2';
foo[some_prop] = false;
登入後複製

1.3使用物件初始化器建立物件

  一般我們在使用的時候回採用下面這種方法建立物件:

var foo = {
prop1:'bar',
prop2:false,
prop3:function(){
return 'hello world';
}
};
登入後複製

  這種定義的方法稱為物件得出初始化器

#1.4 透過建構子建立物件。

  前面所建立的物件都是一次性的。如果我們想要建立多個規劃好的對象,有若干個固定的屬性、方法並且能夠初始化。我們可以透過建構函式來建立複雜的物件:

function User(name,uri){
this.name = name;
this.uri = uri;
this.display = function() {
console.log(this.name);
}
}
登入後複製

 然後可以用new語句建立物件。

var someuser = new User('byvoid','http://www.byvoid.com');
登入後複製

  然後就可以透過someuser來存取這個物件的屬性和方法

以上是JS中物件的不同創建方法實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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