JS作为发展了多年了对象语言,支持继承,和完全面向对象语言不同的是,JS依赖原型链来实现对象的继承。
首先JS的对象分两大类,函数对象和普通对象,每个对象均内置__proto__属性,在不人为赋值__proto__的前提下,普通__proto__属性指向其构造函数的.prototype属性,例如:
var test={};
此时test.__proto__指向Object.prototype,Object为原型链的顶端,一切对象均可追朔到Object.
function money(){};
var test=new money();
此时test.__proto__指向money.prototype.
普通对象没有prototype属性。(Object除外)
再来看函数对象:
function money(){};
此时money是一个函数对象,其__proto__指向Function.prototype
Function.prototype也是一个普通对象,又回到了上面所说的,所以Function.prototype中的__proto__属性指向Object.prototype。
这里只需记住一点,一切对象均有__proto__属性,一切对象继承链顶端都是Object对象,那么Object.prototype.__proto__又指向哪里呢?
console.log(Object.prototype.__proto__)
//null
即顶端的对象不再继承任何对象,他的父级是空。
既然知道了JS原型链,再一起来了解实际项目中的应用
这里我们定义了一个函数对象
var father=funcion(){};
var son=new father();
var son1=new father();
这里我们获得了两个普通对象son,son1
两个普通对象的__proto__均指向father.prototype,因为他们都是由father函数对象构造出来的。
如果这时我们需要为son增加一个属性,我们可以这么写
son.say=function(){alert(‘hello world!’)}
son.say();
//hello world!
当然没问题,如果我们需要son1也有同样的属性呢,son1.say=function(){alert(‘hello world!’)}
son1.say();
//hello world!
代码没有任何问题,运行良好。
如果我们用father构造了很多对象,son1,son2.....son10000,这是我们需要这些构造出来的对象都有这个属性该怎么办!
father.prototype.say=function(){alert(‘hello world!’)}
var son1000=new father();
son1000.say();
//hello world!
我们没有为son1000添加任何属性方法,但它依然可以正常运行。
来看原理:
JS约定在获取对象内置属性时,首先会去当前对象中寻找,如果找不到,则去.__proto__所指向的对象中去寻找,由于.__proto__所指向的对象本身也有.__proto__属性,所以如果没有找到则继续根据当前对象.__proto__所指向的对象去继续寻找,在整个过程中,如果找到则终止继续向上查询,否则一直会追踪到Object.prototype,如果整条链上均没有找到,那么结果就是undefined!