如何 在javascript 中使用继承？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
高级语法的基本使用
计算
安全
数据库
网络和加速
企业服务
<script type="text/javascript">
//声明一个函数demo
function Demo()
{
}
//实例函数demo
var demo = new Demo();
//声明一个函数Demo1
function Demo1(name,age)
{
this.name = name;
this.age = age;
}
//实例一个函数Demo1
var demo1 = new Demo1('谭勇',21);
//运行下面试试
console.log(demo1.name);
console.log(demo1.age);
//Demo2
function Demo2(name,age)
{
var that = this;
this.name = name;
this.age = age;
function a()
{
return that.name;
}
function b()
{
return that.age;
}
this.getName = a;
this.getAge = b;
}
//实例一个函数Demo1
var demo2 = new Demo2('谭勇',21);
//运行下面试试
console.log(demo2.name);
console.log(demo2.age);
</script>运行结果：
继承
<script type="text/javascript">
function Demo(name,age)
{
this.name = name;
this.age = age;
}
function Son()
{
this.text = 'test text';
}
Son.prototype = new Demo('谭勇',22);
var __son = new Son();
//试试
console.log(__son.name);
console.log(__son.age);
console.log(__son.text);
//组合继承
function Son1()
{
this.text1 = 'my test son1';
}
Son1.prototype.Demo = new Demo('谭勇',22);
Son1.prototype.Son1 = new Son1();
var __son1 = new Son1();
console.log(__son1.Demo.name);
console.log(__son1.Demo.age);
console.log(__son1.Son1.text);
console.log(__son1.text1);
</script>运行结果：
看完上述内容，你们掌握如何 在javascript 中使用继承的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！
亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
