JavaScript的對象都有一個內(nèi)置的Prototype私有屬性,這個屬性指向另一個對象,我們稱這個對象為原對象的原型。
本文操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript 原型 是什么?(包括作用:繼承)
學(xué)習(xí)目標(biāo):
認(rèn)識什么js是原型,原型、構(gòu)成函數(shù)、實(shí)例對象關(guān)系;原型應(yīng)用范圍。
什么是原型
函數(shù)有原型,函數(shù)有一個屬性叫prototype,函數(shù)的這個原型指向一個對象,這個對象叫原型對象。這個原型對象有一個constructor屬性,指向這個函數(shù)本身。
實(shí)例對象也存在原型,實(shí)例對象存在原型對象是__proto__,__proto__一般被叫隱身原型,這個隱身原型有一個constructor屬性,該屬性指向創(chuàng)建該實(shí)例的構(gòu)造函數(shù)。
構(gòu)造函數(shù)、實(shí)例對象和原型直接關(guān)系
構(gòu)造函數(shù)和實(shí)例對象關(guān)系
在每一個實(shí)例對象中的__proto__中同時有一個 constructor 屬性,該屬性指向創(chuàng)建該實(shí)例的構(gòu)造函數(shù):
實(shí)例對象__proto__和構(gòu)造函數(shù)prototype關(guān)系
在每一個實(shí)例對象中的__proto__指向構(gòu)造函數(shù)中prototype 兩個是相等的。
構(gòu)造函數(shù),prototype原型對象,實(shí)例對象,proto,constructor,直接關(guān)系
原型作用
- 原型作用之一:數(shù)據(jù)共享,節(jié)省內(nèi)存空間
- 原型作用之二:為了實(shí)現(xiàn)繼承
原型如何數(shù)據(jù)共享,節(jié)約內(nèi)存空間
JavaScript 面向?qū)ο缶幊?/p>
原型如何實(shí)現(xiàn)繼承
比如,現(xiàn)在有一個"動物"對象的構(gòu)造函數(shù)。
還有一個"貓"對象的構(gòu)造函數(shù)。
怎樣才能使"貓"繼承"動物"呢?
如果"貓"的prototype對象,指向一個Animal的實(shí)例,那么所有"貓"的實(shí)例,就能繼承Animal了。
cat1實(shí)例對象與構(gòu)造函數(shù)關(guān)系圖如下
任何一個prototype對象都有一個constructor屬性,指向它的構(gòu)造函數(shù)。
添加 Cat.prototype = new Animal();代碼以后
Cat.prototype.constructor指向Animal。
cat1實(shí)例對象與構(gòu)造函數(shù)關(guān)系圖如下
推薦學(xué)習(xí):《javascript基礎(chǔ)教程》