學習 JavaScript （八） 引用型別之 Object

摘要： 在JavaScript中，引用型別是一種資料結構。包括物件（Obejct）、陣列（Array）、日期（Date）、正則表示式(RegExp)、函式(Function)、基本包裝型別（new Boolean、new Number、new String，注意：和基本型別不太相同）、單體內...

在JavaScript/">JavaScript中，引用型別是一種資料結構。包括物件（Obejct）、陣列（Array）、日期（Date）、正則表示式(RegExp)、函式(Function)、基本包裝型別（new Boolean、new Number、new String，注意：和基本型別不太相同）、單體內建物件（Global、Math）

今天先來學習以下 Obejct。

Ojbect

物件是某個特定引用型別的示例。用以下程式碼生成：

let person = new Object()

新生成物件的過程就是 為新物件定義了預設的屬性和方法 。引用型別的值不止Object，比如Array也是引用型別，只不過大多數引用型別值都是Object的例項，Object在我們的平常使用中最頻繁。

建立Object例項有兩種方式：

1. 使用new操作符：

let person = new Object()
person.name = "kurry"
person.age = 24

1. 物件字面量表示法：

let person ={
name:"kurry",
age:24
}

// 如果置空

let person = {}; // 與new Object() 作用一樣，為例項新增預設屬性和方法

注意：在IE7及以前版本的瀏覽器，還有Opera瀏覽器中，字面量表示法最後一個屬性不能加逗號“，”，否則會報錯。

物件字面量也可以用於，向函式傳遞大量可選引數，而必需的引數直接使用命名引數。比如：

function displayFunc(name, args){
let output = ""
if(name){
output += "Name:" + name + "\n"

if(typeof args.age == "number"){
output += "Age:" + args.age + "\n" 
}

if(typeof arg.height == "Number"){
output += "Height:" + args.height + "\n"
}

alert(output)
}else{
alert("你沒有輸入名字")
}
}

displayFunc("kurry", {name: 24, height:175}); 

displayFunc("kurry", {name: 24})

displayFunc("kurry", {})

訪問物件的屬性時可以用「點表示法」，也可以用「方括號表示法」。後者的優勢在於可以使用變數來訪問屬性，這些變數可以包含空格、關鍵字或者保留字。比如：

// 方括號表示法：
let arg = "name"
person[arg]; // 等價於person["name"]

// 點表示法
person.name;

如果沒有特殊情況，推薦使用點表示法。

歡迎大家關注微信公眾號： 視覺化技術（ visteacher ）

不僅有前端和視覺化，還有演算法、原始碼分析、書籍相送

個人網站： ofollow,noindex" target="_blank">http://blog.kurryluo.com

各個分享平臺的 KurryLuo 都是在下。

用心學習，認真生活，努力工作！