理解原型對象

1、構(gòu)造函數(shù)
function Person(){
}

2、創(chuàng)建實例
const person = new Person();

3、原型對象
Person.prototype.name = 'ivy';
Person.prototype.will = 'become excellent';

4、三者關(guān)系
(1)、只要創(chuàng)建了一個新函數(shù),就會根據(jù)一組特定的規(guī)則為該函數(shù)創(chuàng)建一個prototype屬性。這個屬性指向函數(shù)的原型對象;
(2)、所有原型對象都會獲得constructor屬性,這個屬性指向prototype屬性所在函數(shù)的指針,即構(gòu)造函數(shù)
(3)、實例對象有屬性proto指向原型對象(only firefox、safary、chrome support)

5、isPrototypeOf()
Person.prototype.isPrototypeOf(person) // return true

6、Object.getPrototypeOf()
該方法返回實例原型對象
Object.getPrototypeOf(person) === Person.prototype

7、hasOwnProperty()
該方法檢測一個屬性是否存在于實例中
person.hasOwnProperty('name')

8、原型與in操作符
檢測屬性是否存在于原型中或?qū)嵗?/p>

9、hasPrototypeProperty()
該方法檢測屬性是否存在于原型中

10、更簡單的原型語法(對象字面量的形式)
Person.prototype = {
name: 'ivy',
age: '25',
will: 'become excellent'
}

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 無論什么時候,只要創(chuàng)建了一個新函數(shù),就會根據(jù)一組特定的規(guī)則為該函數(shù)創(chuàng)建一個prototype屬性,這個屬性指向函數(shù)...
    frankisbaby閱讀 328評論 0 0
  • ??面向?qū)ο螅∣bject-Oriented,OO)的語言有一個標志,那就是它們都有類的概念,而通過類可以創(chuàng)建任意...
    霜天曉閱讀 2,255評論 0 6
  • 原型對象和原型鏈在前端的工作中雖然不怎么顯式的使用到,但是也會隱式的使用了,比如使用的jquery,vue等啦。在...
    Ming_Hu閱讀 2,965評論 3 32
  • 面向?qū)ο螅∣bject-Oriented,OO)的語言有一個標志,那就是它們都有類的慨念,而通過類可以創(chuàng)建任意多個...
    threetowns閱讀 935評論 0 4
  • 近些日子發(fā)生太多的事情,讓我不得不對“生命”二字重新進行審視。 暑假時,因為經(jīng)歷一些我所不能忍受之事,讓我感到對現(xiàn)...
    糖心歐尼閱讀 363評論 1 1

友情鏈接更多精彩內(nèi)容