学JavaScript一定会接触到一个原型的概念,弄清楚prototype对学习JavaScript是非常重要的,通常面试中一般也会问到prototype的问题。
首先我们要知道JavaScript的数据类型有两种,一种是primitive类型(可以理解为原始类型),包含了,number, string, boolean, null, undefined;
为什么称呼是原始类型呢,与后面的object不同的是,原始类型的数据值是不会被改变的,例如,
var a = 100; 变量a是数字型的primitive变量,你可以重新给a赋值,但是你不能通过改变a的值去改变100这个数字的意义,100永远是100;
但是与之不同的是如果我们定义了一个object是course = {coursename:"math", courselevel:"5",studid:"123"};
我们把 var a = course;
我们如果改变了 a.coursename = "english";
那么course也是相应改变的,这是primitive和object的区别之一。
现在来说下object 的原型;
JavaScript里你可以理解为原型prototype它是一个结构,就是所有的对象object都有一个prototype,prototype用来存放对象提供给其他对象继承它的方法或者变量的地方;
如果说一个对象a继承了course对象,假设a有自己的方法eat();course有方法study(), 那么a除了可以调用自己的方法外,还可以调用course的方法study(),这点和一般的高级语言的类的继承一样;但是不同的是,JavaScript里它是这样的,就是a这个对象自己有一个结构是prototype,里面装了a的所有方法和属性;course这个对象也是装的自己的方法和属性;如果a继承了course,那么a其实是从course的prototype里继承了方法等;而所有的对象object,比如a,course都继承一个共同的对象:object对象,object对象的prototype包含了许多可以调用的方法,比如constructor();ispropotypeof()等方法,这就是为啥随便一个对象都可以有自己的构造函数,调用一些默认的函数等,这些函数都来自object的prototype。
所以就是总结为:prototype是对象用于存放方法和属性供其他对象继承的地方;
当我们用一个instance去调用一个方法的时候,比如b.methodanything();
首先JavaScript默认的调用机制是先从该对象自身的prototype出发去找这个方法,如果找不到就往继承对象 prototype里去找,如果找不到就往终极的object的prototype里去找这个方法。
理解啊,理解这个东西,理解了后,你会发现人家有的人写的代码也能看懂了,比如人家会通过prototype添加一个属性,添加一个方法等。比如 a.prototype.study = "xxxx";这样就很好理解,为啥要这样写了。