JavaScript學習筆記——對象的建立

對象是JavaScript基本數據類型,在JavaScript中除了Undefined、Null、布爾型(ture、false)、字符串和數字以外,其餘的都屬於對象。函數

在JavaScript中,一個對象就是一個具備屬性的特體,好比一我的就是一個對象,每一個人都具備身高、體重、年齡等一些屬性/特徵,在JavaScript中,也能夠用屬性來給對象定義它的特徵。spa

那麼在JavaScript中對象要怎麼建立呢?在JavaScript中如何建立對象主要有如下幾種方法:code

  • 使用對象字面量建立對象(key-value)
  • 使用new建立對象
  • 使用Object.create()建立對象
  • 使用函數建立對象
  • 使用原型建立對象
  1. 使用對象字面量建立對象

  對象字面量是建立對象最簡單的一種形式,目的是在於簡化建立包含大量屬性的對象的過程。對象字面量由若干屬性名(keys)和屬性值(values)成對組成的映射表,keyvalue中間使用冒號(:)分隔,每對key/value之間使用逗號(,)分隔,整個映射表用花括號({})括起來。對象

  使用對象字面量建立對象的語法以下:blog

var obj = {
    property_1:   value_1,   // property_# 多是一個標識符...
             2:   value_2,   // 或者是一個數字
    // ...
    "property_n": value_n    // 或是一個字符串
};

這裏obj是建立的對象的名稱,每個property_i是一個標識符/屬性名(能夠是一個名稱、數字或字符串字面量),而且每一個value_i是其對應的值,而且將這個值賦予給property_i。來看一個具體實例:ip

var boy = {
    'name': 'FEBuddy',
    'age' : 21,
    'height': 178,
    'weight': 60
}

這個示例建立了一個名爲boy的對象,對象有四個屬性nameageheightweight。這四個屬性對應有一個屬性值。字符串

 

使用對象字面量建立對象時,若是留空其花括號({}),則能夠定義只包含默認屬性和方法的對象。如:原型

var obj = {};

使用這種方式建立對象時,能夠經過點(.),也就是obj.key給對象obj建立對象屬性,而且賦予對象的屬性值。另外也能夠經過方括號([]),也就是obj['key']給對象obj建立對象屬性,而且賦予對象的屬性值。以下面的示例:io

var boy = {};

boy.name: 'FEBuddy';
boy.age : 21;
boy.height: 178;
boy.weight: 60;

此時在Chrome中打印boy對象時,輸出的結果以下所示:class

  2. 使用new建立對象

  使用new操做符後跟Object構造函數(有關於構造函數,後面再講)也能夠建立對象:

var obj = new Object(); // 和var obj = {};相同

  雖然初始狀態下,obj是一個空對象,但在JavaScript中能夠很方便地動態添加和使用成員,因此咱們能夠不斷加入成員變量和方法。如:

var boy = new Object();
boy['name'] = 'FEBuddy';
boy['age'] = 21;
boy['height'] = 178;
boy['weight'] = 60;

  其餘三種方法暫時不太理解,等到用到時再深刻介紹

相關文章
相關標籤/搜索