JavaScript 核心觀念(21)-物件-物件結構

前言

接下來是關於講解物件觀念的章節。

物件實字

首先物件在定義上非常的簡單,只需要參照以下語法即可

1
var obj = {};

而上面這個定義物件的方式稱之為物件實字(Object Literals),透過物件實字我們可以很清楚明瞭的看到物件中的屬性(property)與值(value)

1
2
3
var obj = {
property: value,
};

因此物件是一個屬性/值的搭配,而值可以是任何的純值、物件還是陣列甚至是函式都可以。

1
2
3
4
5
6
7
8
var obj = {
name: 'Ray', // String
money: 10, // Number
sleep: true, // Boolean
familyObj: {}, // Object
arr: [], // Array
fn: function() {}, // function
};

包裹物件

定義物件的另一種方式則是使用建構式的方式

1
var obj = new Object();

使用建構式的方式建立物件是比較不推薦的,除此之外也有一些小雷點,如果你是使用建構式來建立的話,除了閱讀性比物件實字較差外,若你改成以下

1
2
var obj1 = new Object('1'); // String
var obj2 = new Object(1); // Number

你會發現物件的型別會變成別的型別,那詳細我們後面再來介紹。

參考文獻

0%