javascript的構(gòu)造函數(shù), 原型,原型鏈和new你了解多少
1、什么是構(gòu)造函數(shù)?
如果一個函數(shù)被設(shè)計出來,是用于通過new關(guān)鍵字創(chuàng)建對象的,它就是一個構(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)用后,會返回一個對象
(4)、構(gòu)造函數(shù)的返回值
- 若返回的值是一個數(shù)字、字符串、布爾,直接忽略,就當(dāng)看不見。
- 若返回的值是一個對象,則使用返回的對象
(5)、構(gòu)造函數(shù)中的this
當(dāng)你在構(gòu)造函數(shù)中使用this,它指代的是被新建的對象
2、如何通過構(gòu)造函數(shù)創(chuàng)建一個對象?
通過new,該過程也叫做實例化,如下:
const let = new Father('jhony',34);3、new一個對象的過程發(fā)生了什么?
內(nèi)存中創(chuàng)建一個新的對象{}將新對象的_proto_(chorme已經(jīng)改為了[[Prototype]])指向構(gòu)造函數(shù)的prototype將this綁定到新對象上fn.apply(obj,this)給新對象添加屬性如果構(gòu)造函數(shù)返回非空對象,則返回該對象;否則,返回剛創(chuàng)建的新對象
[[prototype]]屬性是隱藏的,不過目前大部分新瀏覽器實現(xiàn)方式是使用__proto__來表示。構(gòu)造函數(shù)的prototype 屬性我們是可以顯式訪問的。
4、什么是原型?
Father.prototype 就是原型,它是一個對象,我們也稱它為原型對象。
原型可以共享方法,原型中的this指向?qū)嵗?/p>
例如Father.protoype.getAge可以共享一個方法,不會開辟獨立的空間
5、原型、構(gòu)造函數(shù)、實例的關(guān)系?

Object.prototype的隱式原型,即Object.prototype._proto_最終指向null
幾條公式:
Object.__proto__ === Function.prototype; Function.prototype.__proto__ === Object.prototype; Object.prototype.__proto__ === null;
6、什么是原型鏈?
對象可以根據(jù)__proto__屬性去尋找方法,直到找到了或者找到頂層為止,這個找的過程所依賴的__proto__就叫做原型鏈(噗- - 自己的口水話翻譯)
7、類?
類是一種語法糖,構(gòu)造函數(shù)的另一種寫法而已
總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
- JavaScript繼承基礎(chǔ)講解(原型鏈、借用構(gòu)造函數(shù)、混合模式、原型式繼承、寄生式繼承、寄生組合式繼承)
- 深入淺析js原型鏈和vue構(gòu)造函數(shù)
- 基于JavaScript實現(xiàn)繼承機制之構(gòu)造函數(shù)+原型鏈混合方式的使用詳解
- 一文秒懂JavaScript構(gòu)造函數(shù)、實例、原型對象以及原型鏈
- JavaScript中構(gòu)造函數(shù)與原型鏈之間的關(guān)系詳解
- JS精髓原型鏈繼承及構(gòu)造函數(shù)繼承問題糾正
- JavaScript原型和原型鏈與構(gòu)造函數(shù)和實例之間的關(guān)系詳解
- JavaScript構(gòu)造函數(shù)與原型、原型鏈?zhǔn)纠斀?/a>
相關(guān)文章
JavaScript那些不經(jīng)意間發(fā)生的數(shù)據(jù)類型自動轉(zhuǎn)換
JavaScript可以自由的進行數(shù)據(jù)類型轉(zhuǎn)換,但是更多的情況下,是由JavaScript自動轉(zhuǎn)換的。本文就將為大家詳細講解那些不經(jīng)意間發(fā)生的數(shù)據(jù)類型轉(zhuǎn)換,感興趣的同學(xué)可以了解一下2022-02-02
Javascript入門學(xué)習(xí)第六篇 js DOM編程
上篇文章納悶的問題,將在這章和以后的幾章里,慢慢搞定。 從今天起,開始學(xué)習(xí)DOM編程 讓我們慢慢稱為一名初級的js程序員。 然后往js匠人方向發(fā)展。2008-07-07
jquery應(yīng)該如何來設(shè)置改變按鈕input的onclick事件
要動態(tài)改變這個上一頁按鈕中onclick的函數(shù).我自己是嘗試了很多種方法,都沒有做出來,下面列舉的幾個都是失敗的例子,需要的朋友可以參考下2012-12-12

