JavaScript中继承——原型链继承。
2021/7/10 11:06:04
本文主要是介绍JavaScript中继承——原型链继承。,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
原型链继承。
原理:将父类的实例作为子类的原型对象。
//动物整体大类 function Animal(name,sex) { this.name = name || 'Animal'; this.sex = sex || '无'; this.sleep = function () { console.log(this.name + "在睡觉"); } } //添加原型属性和方法 Animal.prototype = { eat: function () { console.log(this.name + "在吃饭"); }, play:function (){ console.log(this.name+"在玩游戏"); } } function Cat(){ } //实现原型链继承 Cat.prototype=new Animal(); Cat.prototype.name="咪咪"; Cat.prototype.sex="母"; var scat=new Cat(); scat.sleep();//咪咪在睡觉 scat.eat();//咪咪在吃饭 scat.play();//咪咪在打游戏
特点:子类的实例即是本身也是父类。 父类新增的原型方法和属性,子类对象都可以访问。 缺点:类添加属性和方法,必须在new之后或者直接写在子类里面。 不能实现多继承。 子类的实例上不能直接向父类传递参数。
这篇关于JavaScript中继承——原型链继承。的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-11-01后台管理开发学习:新手入门指南
- 2024-11-01后台管理系统开发学习:新手入门教程
- 2024-11-01后台开发学习:从入门到实践的简单教程
- 2024-11-01后台综合解决方案学习:从入门到初级实战教程
- 2024-11-01接口模块封装学习入门教程
- 2024-11-01请求动作封装学习:新手入门教程
- 2024-11-01登录鉴权入门:新手必读指南
- 2024-11-01动态面包屑入门:轻松掌握导航设计技巧
- 2024-11-01动态权限入门:新手必读指南
- 2024-11-01动态主题处理入门:新手必读指南