對象&原型

對象

一個對象就是一系列屬性的集合,一個屬性包含一個名字和一個值。一個屬性的值可以是函數(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)系

  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ù)交換格式? 參考

構(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í)行過程

  1. 當(dāng) new 一個函數(shù)的時候赴背,這個函數(shù)就會作為構(gòu)造函數(shù)創(chuàng)建一個對象
  2. 函數(shù)里面的 this 代表創(chuàng)建的這個對象。給 this添加屬性就是給要創(chuàng)建的對象添加屬性
  3. 上述代碼執(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...),這一過程分為三步:
  1. 創(chuàng)建類的實例褒脯,這步是把一個空對象的proto屬性設(shè)置為F.prototype便瑟。
  2. 初始化實例,函數(shù)F被傳入?yún)?shù)并調(diào)用番川,關(guān)鍵字this被設(shè)定為該實例到涂。
  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關(guān)鍵字的作用
  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ù)的實例柱徙。

構(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')

原型

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

原型鏈

原型鏈.PNG
  • prototype__proto__的區(qū)別
  1. prototype 指向一塊內(nèi)存长赞,這個內(nèi)存里面有共用屬性
  2. __proto__指向同一塊內(nèi)存
  3. prototype__proto__的不同點在于
  4. 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ā)的抽象方針。是一種思維方式感帅。
  • 特點:
  1. 繼承
  2. 多態(tài)
  3. 封裝
  • 幾個概念
    類斗锭、對象、屬性留瞳、方法拒迅、成員、類成員她倘、實例成員璧微、靜態(tài)類、抽象類
  • 面向?qū)ο蟮氖褂脠鼍?br> GUI編程硬梁。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末前硫,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子荧止,更是在濱河造成了極大的恐慌屹电,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件跃巡,死亡現(xiàn)場離奇詭異危号,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)素邪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進(jìn)店門外莲,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人兔朦,你說我怎么就攤上這事偷线。” “怎么了沽甥?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵声邦,是天一觀的道長。 經(jīng)常有香客問我摆舟,道長亥曹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任恨诱,我火速辦了婚禮歇式,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘胡野。我一直安慰自己材失,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布硫豆。 她就那樣靜靜地躺著龙巨,像睡著了一般。 火紅的嫁衣襯著肌膚如雪熊响。 梳的紋絲不亂的頭發(fā)上旨别,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天,我揣著相機(jī)與錄音汗茄,去河邊找鬼秸弛。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的递览。 我是一名探鬼主播叼屠,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼绞铃!你這毒婦竟也來了镜雨?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤儿捧,失蹤者是張志新(化名)和其女友劉穎荚坞,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體菲盾,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡颓影,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了懒鉴。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片诡挂。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖疗我,靈堂內(nèi)的尸體忽然破棺而出咆畏,到底是詐尸還是另有隱情,我是刑警寧澤吴裤,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布旧找,位于F島的核電站,受9級特大地震影響麦牺,放射性物質(zhì)發(fā)生泄漏钮蛛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一剖膳、第九天 我趴在偏房一處隱蔽的房頂上張望魏颓。 院中可真熱鬧,春花似錦吱晒、人聲如沸甸饱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽叹话。三九已至,卻和暖如春墩瞳,著一層夾襖步出監(jiān)牢的瞬間驼壶,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工喉酌, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留热凹,地道東北人泵喘。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓,卻偏偏與公主長得像般妙,于是被迫代替她去往敵國和親纪铺。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,960評論 2 355