對象

一個對象就是一系列屬性的集合，一個屬性包含一個名字和一個值。一個屬性的值可以是函數(shù)，這種情況下屬性也被稱為方法

var obj = {
    a: 1,
    b: 'sdf',
    sayName: function(){
        console.log(this.a)
    }
}
obj.sayName()

可用于封裝函數(shù)，調用函數(shù)時直接調用函數(shù)的屬性即可。

對象字面量

var p1 = new object()
var p2 = {}

對象字面量和 JSON 的關系

1. JSON（JavaScript Object Notation）脫胎自 JavaScript，但它是一種數(shù)據(jù)交換格式.
2. JSON 格式的數(shù)據(jù)只包括 字符串、數(shù)組、數(shù)字、布爾、null、對象
3. 鍵必須用雙引號,字符串必須用雙引號
4. JS中的對象字面量屬性可不加引號，值可以是任意類型，如函數(shù)、正則、undefined等

問題

1. JSON、JSON 字面量、JSON 對象有什么區(qū)別?
2. 除了 JSON 你還知道有哪些數(shù)據(jù)交換格式? 參考

構造函數(shù)創(chuàng)建對象

function Student(name, sex){
  this.name = name
  this.sex = sex
}
var s1 = new Student('若愚', '男')
var s2 = new Student('方方', '男')
console.log(s1.name)

執(zhí)行過程

1. 當 new 一個函數(shù)的時候，這個函數(shù)就會作為構造函數(shù)創(chuàng)建一個對象
2. 函數(shù)里面的 this 代表創(chuàng)建的這個對象。給 this添加屬性就是給要創(chuàng)建的對象添加屬性
3. 上述代碼執(zhí)行流程如下:

• 創(chuàng)建一個空對象 s1
• 執(zhí)行構造函數(shù)。里面的 this 代表s1, 給s1 添加屬性

原型

function Student(name, sex){
  this.name = name
}
Student.prototype.sayName = function(){
  console.log(this.name)
}
var s1 = new Student('若愚')
s1.sayName()

構造對象

new

• new運算符接受一個函數(shù)F及其參數(shù)，new F(arguments...)，這一過程分為三步：

1. 創(chuàng)建類的實例，這步是把一個空對象的proto屬性設置為F.prototype。
2. 初始化實例，函數(shù)F被傳入參數(shù)并調用，關鍵字this被設定為該實例。
3. 返回實例

• 代碼示例

function People(name){
    this.name = name
    this.sayName = function(){
        console.log(this.name)
    }
}
var p1 = new People('hunger')
// 1. 創(chuàng)建空對象p1{}(實例)
// 2. p1.nme = hunger
// 3. p1.sayName = function(){}
//2.3步為初始化實例，此時this指向該實例。
// 4. 返回一個對象return p1

p1.name //使用該實例
p1.sayName() 

• new關鍵字的作用

1. 不用創(chuàng)建臨時對象，因為 new 會幫你做（你使用「this」就可以訪問到臨時對象）；
2. 不用綁定原型，因為 new 會幫你做（new 為了知道原型在哪，所以指定原型的名字為 prototype）；
3. 不用 return 臨時對象，因為 new 會幫你做；
4. 不要給原型想名字了，因為 new 指定名字為 prototype。

instanceof

instanceof是一個操作符，可以判斷對象是否為某個類型的實例

p1 instanceof People //true
p1 instanceof Object //true
//Object其實是一個函數(shù)，我們平時所說的對象，都由這個函數(shù)創(chuàng)建，都是這個函數(shù)的實例。

構造函數(shù)

• 任何函數(shù)使用new表達式就是構造函數(shù)
• 每個函數(shù)都自動添加一個名為prototype屬性，這是一個對象
• 每個對象都有一個內部屬性__proto__，指向其類型的prototype屬性，類的實例也是對象，其__proto__指向"類"的prototype

抽象重復

• 所有實例都會通過原型鏈引用到類型的prototype
• prototype相當于特定類型所有實例都可以訪問到的一個公共容器
• 重復的東西移動到公共容器里放一份就可以了

代碼改進

function People(name){
    this.name = name
}
People.prototype.sayName = function(){
  console.log(this.name)
}
var p1 = new People('hunger')

原型

1. 任何函數(shù)在聲明后都有一個屬性 prototype，對應的值是一個對象叫原型對象
2. 當 new 這個函數(shù)的時候，會作為構造函數(shù)創(chuàng)建一個對象
3. 對象里面會有一個__proto__隱藏屬性，指向上述構造函數(shù)原型對象
4. 當訪問對象的屬性時先從對象本身里找，找不到再從原型對象里找

原型鏈

原型鏈.PNG

• prototype和__proto__的區(qū)別

1. prototype 指向一塊內存，這個內存里面有共用屬性
2. __proto__指向同一塊內存
3. prototype 和 __proto__的不同點在于
4. prototype 是構造函數(shù)的屬性，而__proto__是對象的屬性

「讀」屬性時會沿著原型鏈搜索。

「新增」屬性時不會去看原型鏈（但是如果你給這個屬性加了一些配置，則不一樣，

JS 中 proto 和 prototype 存在的意義是什么？
什么是 JS 原型鏈？
this 的值到底是什么？
JS 的 new 到底是干什么的？
你怎么還沒搞懂 this？

面向對象

面向對象的思路：把某個功能看成一個整體（對象），通過調用對象的某個方法來啟動功能。在用的時候不去考慮這個對象內部的實現(xiàn)細節(jié)，在去實現(xiàn)這個對象細節(jié)的時候不用管誰在調用

• 面向對象是什么？
  面向對象程序設計（英語：Object-oriented programming，縮寫OOP，是種具有對象概念的程序編程典范，同時也是一種程序開發(fā)的抽象方針。是一種思維方式。
• 特點：

1. 繼承
2. 多態(tài)
3. 封裝

• 幾個概念
  類、對象、屬性、方法、成員、類成員、實例成員、靜態(tài)類、抽象類
• 面向對象的使用場景
  GUI編程。