色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

js構造函數constructor和原型prototype原理與用法實例分析

瀏覽:128日期:2024-05-23 11:56:35

本文實例講述了js構造函數constructor和原型prototype原理與用法。分享給大家供大家參考,具體如下:

所有引用類型(函數,數組,對象)都擁有__proto__屬性(隱式原型)

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

原型對象:擁有prototype屬性的對象,在定義函數時就被創建

__proto__, prototype和constructor

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

prototype:此屬性只有構造函數才有,它指向的是當前構造函數的原型對象。 __proto__:此屬性是任何對象在創建時都會有的一個屬性,它指向了產生當前對象的構造函數的原型對象,由于并非標準規定屬性,不要隨便去更改這個屬性的值,以免破壞原型鏈,但是可以借助這個屬性來學習,所謂的原型鏈就是由__proto__連接而成的鏈。 constructor:此屬性只有原型對象才有,它默認指回prototype屬性所在的構造函數。

構造函數的特點:

 a:構造函數的首字母必須大寫,用來區分于普通函數

 b:內部使用的this對象,來指向即將要生成的實例對象

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

function定義的對象有一個prototype屬性,使用new生成的對象就沒有這個prototype屬性(Person是一個對象)

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

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

js構造函數constructor和原型prototype原理與用法實例分析

當調用某種方法或查找某種屬性時,首先會在自身調用和查找,如果自身并沒有該屬性或方法,則會去它的__proto__屬性中調用查找,也就是它構造函數的prototype中調用查找

當函數對象本身的屬性或方法與原型的屬性或方法同名的時候:

1、默認調用的是函數對象本身的屬性或方法. 2、通過原型增加的屬性或方法的確是存在的. 3、函數對象本身的屬性或方法的優先級要高于原型的屬性或方法.

function Hero(){ this.name=’jiangyx’}Hero.prototype.name='yeluosen'var mm=new Hero()// 當調用某種方法或查找某種屬性時,首先會在自身調用和查找,如果自身并沒有該屬性或方法,則會去它的__proto__屬性中調用查找,也就是它構造函數的prototype中調用查找alert(mm.name)//jiangyxalert(mm.__proto__.name)//jiangyxdelete mm.namealert(mm.name)//yeluosen

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

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

實例w的隱式原型指向它構造函數的顯式原型,指向的意思是恒等于

w.__proto__ === Word.prototype

總結

1、prototype只有構造函數才有,指向構造函數的原型。2、__proto__任何對象都有,指向產生當前對象的構造函數的原型。3、constructor只有原型對象才有,默認指回prototype屬性所在的構造函數,使用原型鏈繼承之后,要給新的原型對象添加constructor屬性并指向構造函數。4、任何對象都有產生自己的構造函數,包括構造函數自己。

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: a级毛片免费高清毛片视频 a级毛片免费高清视频 | 中国美女牲交一级毛片 | 亚洲三级在线视频 | 久久成人亚洲 | 久久久精品在线观看 | 国产原创系列在线 | 99精品视频免费观看 | 成人亚洲视频在线观看 | 精品久久久视频 | 亚洲日本视频在线 | 99久久精品国产一区二区小说 | 国产精品国产 | 欧美三级不卡在线观看视频 | 中文字幕一区二区三区亚洲精品 | 99久久国产综合精品2020 | 456亚洲视频 | 看欧美的一级毛片 | 欧美亚洲国产成人综合在线 | 国产激爽大片在线播放 | 欧美一区二区三区男人的天堂 | 欧美最刺激好看的一级毛片 | gogo999亚洲肉体艺术大胆 | 欧美激情国产一区在线不卡 | 婷婷的久久五月综合先锋影音 | 欧美日本色 | 国产99视频精品免费观看7 | 欧美一级成人毛片视频 | 丁香久久 | 亚洲人成免费网站 | 国产午夜精品久久久久九九 | 51国产偷自视频区视频手机播器 | 亚洲视频观看 | 色偷偷亚洲精品一区 | 91亚洲精品一区二区在线观看 | 亚洲精品国产福利片 | 精品久久久久中文字幕日本 | 中文字幕天堂最新版在线网 | 中文在线视频观看 | 欧美三级中文字幕 | 高清一区二区在线观看 | 91国在线观看 |