javascript的構(gòu)造函數(shù), 原型,原型鏈和new你了解多少
1、什么是構(gòu)造函數(shù)?
如果一個(gè)函數(shù)被設(shè)計(jì)出來,是用于通過new關(guān)鍵字創(chuàng)建對(duì)象的,它就是一個(gè)構(gòu)造函數(shù)。
如下:
function Father(name,age){this.name = name;this.age = age;}function Father(name,age){ this.name = name; this.age = age; }
構(gòu)造函數(shù)有如下特征:
(1)、首字母大寫
(2)、構(gòu)造函數(shù)應(yīng)該使用new來調(diào)用
(3)、構(gòu)造函數(shù)調(diào)用后,會(huì)返回一個(gè)對(duì)象
(4)、構(gòu)造函數(shù)的返回值
- 若返回的值是一個(gè)數(shù)字、字符串、布爾,直接忽略,就當(dāng)看不見。
- 若返回的值是一個(gè)對(duì)象,則使用返回的對(duì)象
(5)、構(gòu)造函數(shù)中的this
當(dāng)你在構(gòu)造函數(shù)中使用this,它指代的是被新建的對(duì)象
2、如何通過構(gòu)造函數(shù)創(chuàng)建一個(gè)對(duì)象?
通過new,該過程也叫做實(shí)例化,如下:
const let = new Father('jhony',34);
3、new一個(gè)對(duì)象的過程發(fā)生了什么?
內(nèi)存中創(chuàng)建一個(gè)新的對(duì)象{}將新對(duì)象的_proto_(chorme已經(jīng)改為了[[Prototype]])指向構(gòu)造函數(shù)的prototype將this綁定到新對(duì)象上fn.apply(obj,this)給新對(duì)象添加屬性如果構(gòu)造函數(shù)返回非空對(duì)象,則返回該對(duì)象;否則,返回剛創(chuàng)建的新對(duì)象
[[prototype]]屬性是隱藏的,不過目前大部分新瀏覽器實(shí)現(xiàn)方式是使用__proto__來表示。構(gòu)造函數(shù)的prototype 屬性我們是可以顯式訪問的。
4、什么是原型?
Father.prototype
就是原型,它是一個(gè)對(duì)象,我們也稱它為原型對(duì)象。
原型可以共享方法,原型中的this指向?qū)嵗?/p>
例如Father.protoype.getAge
可以共享一個(gè)方法,不會(huì)開辟獨(dú)立的空間
5、原型、構(gòu)造函數(shù)、實(shí)例的關(guān)系?
Object.prototype
的隱式原型,即Object.prototype._proto_
最終指向null
幾條公式:
Object.__proto__ === Function.prototype; Function.prototype.__proto__ === Object.prototype; Object.prototype.__proto__ === null;
6、什么是原型鏈?
對(duì)象可以根據(jù)__proto__屬性去尋找方法,直到找到了或者找到頂層為止,這個(gè)找的過程所依賴的__proto__就叫做原型鏈(噗- - 自己的口水話翻譯)
7、類?
類是一種語法糖,構(gòu)造函數(shù)的另一種寫法而已
總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
總結(jié)javascript三元運(yùn)算符知識(shí)點(diǎn)
這是一篇關(guān)于javascript三元運(yùn)算符的相關(guān)基礎(chǔ)知識(shí)點(diǎn)內(nèi)容,大家可以學(xué)習(xí)一下鞏固基礎(chǔ)知識(shí)。2018-09-09緩動(dòng)函數(shù)requestAnimationFrame 更好的實(shí)現(xiàn)瀏覽器經(jīng)動(dòng)畫
requestAnimationFrame是什么?一直是我們大家所疑惑的,緩動(dòng)函數(shù)requestAnimationFrame 更好的實(shí)現(xiàn)瀏覽器經(jīng)動(dòng)畫,接下來將為大家詳細(xì)介紹2012-12-12javascript 打開頁面window.location和window.open的區(qū)別
有時(shí)候需要用js來實(shí)現(xiàn)頁面的打開,因?yàn)閖s下有window.location和window.open的不同實(shí)現(xiàn)方法,下面來簡單的說明下區(qū)別。2010-03-03JavaScript學(xué)習(xí)筆記之JS對(duì)象
這篇文章向我們?cè)敿?xì)介紹了javascript中的對(duì)象,包括默認(rèn)對(duì)象、數(shù)組對(duì)象、字符串對(duì)象、自定義對(duì)象,并通過示例對(duì)這4中對(duì)象做了對(duì)比分析,推薦給大家。2015-01-01JavaScript創(chuàng)建、讀取和刪除cookie
通過本文你將粗略的明白cookie是什么,如何通過js創(chuàng)建/存儲(chǔ)以及獲取cookie,如何讓cookie過期來刪除cookie2019-09-09JavaScript基礎(chǔ)學(xué)習(xí)之splice()函數(shù)詳解
在前端JavaScript編程過程中,為了開發(fā)出更具交互性的web應(yīng)用,需要對(duì)一些數(shù)組進(jìn)行處理,下面這篇文章主要給大家介紹了關(guān)于JavaScript基礎(chǔ)學(xué)習(xí)之splice()函數(shù)的相關(guān)資料,需要的朋友可以參考下2022-04-04ajax上傳時(shí)參數(shù)提交不更新等相關(guān)問題
我感覺好像這個(gè)上傳插件只在第一次點(diǎn)擊的時(shí)候?qū)嵗?shù)傳給后臺(tái),所以以后值都是不變的,應(yīng)該怎么解決這個(gè)問題呢2012-12-12