JavaScript原型链与继承操作实例总结-创新互联

本文实例讲述了JavaScript原型链与继承操作。分享给大家供大家参考，具体如下：

盐山网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、响应式网站开发等网站项目制作，到程序开发，运营维护。创新互联公司从2013年成立到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。
1. JavaScript继承

JavaScript继承可以说是发生在对象与对象之间，而原型链则是实现继承的主要方法；

1.1 原型链

利用原型让一引用类型继承另一个引用类型的属性和方法。

构造函数中有个prototype（每个函数中都有），指向他的原型对象，每个原型对象中也有一个constructor属性，指向原构造函数。通过构造函数创建的新对象中都有一个无法直接访问的[[proto]]属性，使得对象也指向构造函数的原型。这使得对象也获得了原型中的方法和属性。

JavaScript原型链与继承操作实例总结

当访问对象中的属性或方法时，如果对象中没有该属性或方法，则会向上一级原型对象中寻找该属性或方法，如果找了，就返回该属性，若没有则继续向上面的原型中去查找该属性。

1.2 构造函数的原型链继承

function Father(name,age){
    this.name=name;
    this.age=age;
}
Father.prototype.eat=function(){ //给原型添加eat方法
    console.log(this.name+"吃饭了");
}
var f1=new Father("李四",20); //创建新对象f1, [[proto]]指向父原型
function Son(){
}
Son.prototype=f1; //将子构造函数的prototype指向了父类型的对象，这里实现了——继承
var s1=new Son(); // 创建子对象
s1.eat(); //李四吃饭了

文章标题：JavaScript原型链与继承操作实例总结-创新互联
本文地址：http://6mz.cn/article/deesjs.html

网站建设知识

JavaScript原型链与继承操作实例总结-创新互联

其他资讯