對象
一個對象就是一系列屬性的集合,一個屬性包含一個名字和一個值。一個屬性的值可以是函數(shù)发绢,這種情況下屬性也被稱為方法
var obj = {
a: 1,
b: 'sdf',
sayName: function(){
console.log(this.a)
}
}
obj.sayName()
可用于封裝函數(shù),調(diào)用函數(shù)時直接調(diào)用函數(shù)的屬性即可垄琐。
對象字面量
var p1 = new object()
var p2 = {}
對象字面量和 JSON 的關(guān)系
- JSON(JavaScript Object Notation)脫胎自 JavaScript边酒,但它是一種數(shù)據(jù)交換格式.
- JSON 格式的數(shù)據(jù)只包括 字符串、數(shù)組狸窘、數(shù)字墩朦、布爾、null翻擒、對象
- 鍵必須用雙引號,字符串必須用雙引號
- JS中的對象字面量屬性可不加引號氓涣,值可以是任意類型,如函數(shù)陋气、正則春哨、undefined等
問題
- JSON、JSON 字面量恩伺、JSON 對象有什么區(qū)別?
- 除了 JSON 你還知道有哪些數(shù)據(jù)交換格式? 參考
構(gòu)造函數(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í)行過程
- 當(dāng) new 一個函數(shù)的時候赴背,這個函數(shù)就會作為構(gòu)造函數(shù)創(chuàng)建一個對象
- 函數(shù)里面的 this 代表創(chuàng)建的這個對象。給 this添加屬性就是給要創(chuàng)建的對象添加屬性
- 上述代碼執(zhí)行流程如下:
- 創(chuàng)建一個空對象 s1
- 執(zhí)行構(gòu)造函數(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()
構(gòu)造對象
new
- new運(yùn)算符接受一個函數(shù)F及其參數(shù)凰荚,
new F(arguments...)
,這一過程分為三步:
- 創(chuàng)建類的實例褒脯,這步是把一個空對象的
proto
屬性設(shè)置為F.prototype
便瑟。 - 初始化實例,函數(shù)F被傳入?yún)?shù)并調(diào)用番川,關(guān)鍵字
this
被設(shè)定為該實例到涂。 - 返回實例
- 代碼示例
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關(guān)鍵字的作用
- 不用創(chuàng)建臨時對象践啄,因為 new 會幫你做(你使用「this」就可以訪問到臨時對象);
- 不用綁定原型沉御,因為 new 會幫你做(new 為了知道原型在哪屿讽,所以指定原型的名字為 prototype);
- 不用 return 臨時對象吠裆,因為 new 會幫你做伐谈;
- 不要給原型想名字了烂完,因為 new 指定名字為 prototype。
instanceof
instanceof
是一個操作符诵棵,可以判斷對象是否為某個類型的實例
p1 instanceof People //true
p1 instanceof Object //true
//Object其實是一個函數(shù)抠蚣,我們平時所說的對象,都由這個函數(shù)創(chuàng)建履澳,都是這個函數(shù)的實例柱徙。
構(gòu)造函數(shù)
- 任何函數(shù)使用new表達(dá)式就是構(gòu)造函數(shù)
- 每個函數(shù)都自動添加一個名為
prototype
屬性,這是一個對象 - 每個對象都有一個內(nèi)部屬性
__proto__
奇昙,指向其類型的prototype
屬性护侮,類的實例也是對象,其__proto__
指向"類"的prototype
抽象重復(fù)
- 所有實例都會通過原型鏈引用到類型的prototype
- prototype相當(dāng)于特定類型所有實例都可以訪問到的一個公共容器
- 重復(fù)的東西移動到公共容器里放一份就可以了
代碼改進(jìn)
function People(name){
this.name = name
}
People.prototype.sayName = function(){
console.log(this.name)
}
var p1 = new People('hunger')
原型
- 任何函數(shù)在聲明后都有一個屬性
prototype
储耐,對應(yīng)的值是一個對象叫原型對象 - 當(dāng) new 這個函數(shù)的時候羊初,會作為構(gòu)造函數(shù)創(chuàng)建一個對象
- 對象里面會有一個
__proto__
隱藏屬性,指向上述構(gòu)造函數(shù)原型對象 - 當(dāng)訪問對象的屬性時先從對象本身里找什湘,找不到再從原型對象里找
原型鏈
原型鏈.PNG
-
prototype
和__proto__
的區(qū)別
-
prototype
指向一塊內(nèi)存长赞,這個內(nèi)存里面有共用屬性 -
__proto__
指向同一塊內(nèi)存 -
prototype
和__proto__
的不同點在于 -
prototype
是構(gòu)造函數(shù)的屬性,而__proto__
是對象的屬性
「讀」屬性時會沿著原型鏈搜索闽撤。
「新增」屬性時不會去看原型鏈(但是如果你給這個屬性加了一些配置得哆,則不一樣,
JS 中 proto 和 prototype 存在的意義是什么哟旗?
什么是 JS 原型鏈贩据?
this 的值到底是什么?
JS 的 new 到底是干什么的闸餐?
你怎么還沒搞懂 this饱亮?
面向?qū)ο?/h1>
面向?qū)ο蟮乃悸罚喊涯硞€功能看成一個整體(對象),通過調(diào)用對象的某個方法來啟動功能舍沙。在用的時候不去考慮這個對象內(nèi)部的實現(xiàn)細(xì)節(jié)近上,在去實現(xiàn)這個對象細(xì)節(jié)的時候不用管誰在調(diào)用
- 面向?qū)ο笫鞘裁矗?br> 面向?qū)ο蟪绦蛟O(shè)計(英語:Object-oriented programming,縮寫OOP拂铡,是種具有對象概念的程序編程典范壹无,同時也是一種程序開發(fā)的抽象方針。是一種思維方式感帅。
- 特點:
- 繼承
- 多態(tài)
- 封裝
- 幾個概念
類斗锭、對象、屬性留瞳、方法拒迅、成員、類成員她倘、實例成員璧微、靜態(tài)類、抽象類 - 面向?qū)ο蟮氖褂脠鼍?br> GUI編程硬梁。