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