JavaScript使用原型和原型链实现对象继承的方法详解-创新互联

本文实例讲述了JavaScript使用原型和原型链实现对象继承的方法。分享给大家供大家参考，具体如下：

目前成都创新互联公司已为上千的企业提供了网站建设、域名、网站空间、绵阳服务器托管、企业网站设计、甘孜州网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

实际上JavaScript并不是一门面向对象的语言，不过JavaScript基于原型链的继承方式、函数式语法，使得编程相当灵活，所以可以利用原型链来实现面向对象的编程。

之前对JavaScript一直都是一知半解，这两天看了一下原型链这一块知识，综合练习了一下JavaScript的对象继承方式。

以下就是原型链和原型的关系，引用网上的一张图

在Javascript中，每个函数都有一个原型属性prototype指向自身的原型，而由这个函数创建的对象也有一个proto属性指向这个原型，而函数的原型是一个对象，所以这个对象也会有一个proto指向自己的原型，这样逐层深入直到Object对象的原型，这样就形成了原型链。

- 基本继承模式

function FatherClass() {
  this.type = 'father';
}
FatherClass.prototype.getTyep = function() {
  console.log(this.type);
}
FatherClass.prototype.obj = {age: 35};
function ChildClass() {
  this.type = 'child';
}
ChildClass.prototype = FatherClass();
ChildClass.prototype.getType = function() {
  console.log(this.type);
}
var father = new FatherClass();
var child = new ChildClass();
father.getTyep();
child.getType();

另外有需要云服务器可以了解下创新互联建站www.cdcxhl.com，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

本文标题：JavaScript使用原型和原型链实现对象继承的方法详解-创新互联
分享路径：http://cdxtjz.cn/article/ddssoh.html