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

發表於 2020-07-12 分類於 JavaScript

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

前言

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

物件實字

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

1	var obj = {};

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

1
2
3

var obj = {
  property: value,
};

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

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

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

參考文獻

六角學院 - JavaScript 核心篇