JavaScript中構(gòu)造函數(shù)constructor的原理是什么

本篇文章給大家分享的是有關(guān)JavaScript中構(gòu)造函數(shù)constructor的原理是什么，小編覺得挺實用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比襄陽網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式襄陽網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋襄陽地區(qū)。費用合理售后完善，10余年實體公司更值得信賴。

JavaScript是什么

JavaScript是一種直譯式的腳本語言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，JavaScript是被廣泛用于客戶端的腳本語言，最早是在HTML網(wǎng)頁上使用，用來給HTML網(wǎng)頁增加動態(tài)功能。

所有引用類型（函數(shù)，數(shù)組，對象）都擁有__proto__屬性（隱式原型）

所有函數(shù)擁有prototype屬性（顯式原型）（僅限函數(shù)）

原型對象：擁有prototype屬性的對象，在定義函數(shù)時就被創(chuàng)建

__proto__, prototype和constructor

下面這三個屬性的定義非常重要，始終貫穿在原型中。

• prototype：此屬性只有構(gòu)造函數(shù)才有，它指向的是當(dāng)前構(gòu)造函數(shù)的原型對象。

• __proto__：此屬性是任何對象在創(chuàng)建時都會有的一個屬性，它指向了產(chǎn)生當(dāng)前對象的構(gòu)造函數(shù)的原型對象，由于并非標(biāo)準(zhǔn)規(guī)定屬性，不要隨便去更改這個屬性的值，以免破壞原型鏈，但是可以借助這個屬性來學(xué)習(xí)，所謂的原型鏈就是由__proto__連接而成的鏈。

• constructor：此屬性只有原型對象才有，它默認指回prototype屬性所在的構(gòu)造函數(shù)。

構(gòu)造函數(shù)的特點：

a:構(gòu)造函數(shù)的首字母必須大寫，用來區(qū)分于普通函數(shù)

b:內(nèi)部使用的this對象，來指向即將要生成的實例對象

c:使用New來生成實例對象

function定義的對象有一個prototype屬性，使用new生成的對象就沒有這個prototype屬性（Person是一個對象）

Person是一個對象，它有一個prototype的原型屬性（因為所有的對象都一prototype原型！）prototype屬性有自己的prototype對象，而pototype對象肯定也有自己的construct(構(gòu)造)屬性，construct屬性有自己的constructor(構(gòu)造函數(shù))對象，神奇的事情要發(fā)生了，這最后一個constructor對象就是我們構(gòu)造出來的function函數(shù)本身！

function Person(name){
 this.name=name;
 this.showMe=function(){
 alert(this.name)
 }
}
var one=new Person('js-yeluosen');
one.showMe();
console.log(one.prototype)//undefined
console.log(typeof Person.prototype)//Obiect
console.log(Person.prototype)
console.log(Person.prototype.constructor)

當(dāng)調(diào)用某種方法或查找某種屬性時，首先會在自身調(diào)用和查找，如果自身并沒有該屬性或方法，則會去它的__proto__屬性中調(diào)用查找，也就是它構(gòu)造函數(shù)的prototype中調(diào)用查找

當(dāng)函數(shù)對象本身的屬性或方法與原型的屬性或方法同名的時候：

    1、默認調(diào)用的是函數(shù)對象本身的屬性或方法.
    2、通過原型增加的屬性或方法的確是存在的.
    3、函數(shù)對象本身的屬性或方法的優(yōu)先級要高于原型的屬性或方法.

function Hero(){
 this.name='jiangyx'
}
Hero.prototype.name="yeluosen"
var mm=new Hero()
// 當(dāng)調(diào)用某種方法或查找某種屬性時，首先會在自身調(diào)用和查找，如果自身并沒有該屬性或方法，則會去它的__proto__屬性中調(diào)用查找，也就是它構(gòu)造函數(shù)的prototype中調(diào)用查找
alert(mm.name)//jiangyx
alert(mm.__proto__.name)//jiangyx
delete mm.name
alert(mm.name)//yeluosen

//創(chuàng)建構(gòu)造函數(shù)
function Word(words){
  this.words = words;
}
Word.prototype = {
  alert(){
    alert(this.words);
  }
}
//創(chuàng)建實例
var w = new Word("hello world");
w.print = function(){
  console.log(this.words);
}
w.print(); //hello world
// 當(dāng)調(diào)用某種方法或查找某種屬性時，首先會在自身調(diào)用和查找，如果自身并沒有該屬性或方法，則會去它的__proto__屬性中調(diào)用查找，也就是它構(gòu)造函數(shù)的prototype中調(diào)用查找
// w本身沒有alert()方法，所以會去Word()的顯式原型中調(diào)用alert()，即實例繼承構(gòu)造函數(shù)的方法。     
w.alert(); //hello world
// 實例w的隱式原型指向它構(gòu)造函數(shù)的顯式原型，指向的意思是恒等于
// w.__proto__ === Word.prototype

print()方法是w實例本身具有的方法，所以w.print()打印hello world；alert()不屬于w實例的方法，屬于構(gòu)造函數(shù)的方法，w.alert()也會打印hello world，因為實例繼承構(gòu)造函數(shù)的方法。

實例w的隱式原型指向它構(gòu)造函數(shù)的顯式原型，指向的意思是恒等于

w.__proto__ === Word.prototype

總結(jié)

1、prototype只有構(gòu)造函數(shù)才有，指向構(gòu)造函數(shù)的原型。
2、__proto__任何對象都有，指向產(chǎn)生當(dāng)前對象的構(gòu)造函數(shù)的原型。
3、constructor只有原型對象才有，默認指回prototype屬性所在的構(gòu)造函數(shù)，使用原型鏈繼承之后，要給新的原型對象添加constructor屬性并指向構(gòu)造函數(shù)。
4、任何對象都有產(chǎn)生自己的構(gòu)造函數(shù)，包括構(gòu)造函數(shù)自己。

以上就是JavaScript中構(gòu)造函數(shù)constructor的原理是什么，小編相信有部分知識點可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前標(biāo)題：JavaScript中構(gòu)造函數(shù)constructor的原理是什么
轉(zhuǎn)載注明：http://muchs.cn/article46/jpeghg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、移動網(wǎng)站建設(shè)、ChatGPT、網(wǎng)站設(shè)計公司、網(wǎng)站維護、域名注冊

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)