时间:2021-05-26
复制代码 代码如下:
<script>
//定义js的user对象
function User(name,age){
this.name=name,
this.age=age,
this.getName=function(){
return this.name;
},
this.getAge=function(){
return this.age;
}
}
//实例化一个对象
var use=new User("aa",21);
alert(use.name);
alert(use.getAge());
//js对象继承
function Polygon(iSides){
this.sides = iSides;
}
Polygon.prototype.getAreas = function(){
return 0;
}
function Triangle(iBase, iHeight){
Polygon.call(this,3); //在这里我们用Polygon.call()来调用Polygon的构造函数,并将3作为参数,表示这是一个三角形,因为边是确定的,所以在子类的构造函数中就不需要指定边了
this.base = iBase; //三角形的底
this.height = iHeight; //三角形的高
}
Triangle.prototype = new Polygon();
Triangle.prototype.getAreas = function(){
return 0.5 * this.base *this.height; //覆盖基类的getAreas方法,返回三角形的面积
}
function Rectangle(iWidth, iHeight){
Polygon.call(this,4);
this.width = iWidth;
this.height = iHeight;
}
Rectangle.prototype = new Polygon();
Rectangle.prototype.getAreas = function(){
return this.width * this.height;
}
var t = new Triangle(3,6);
var r = new Rectangle(4,5);
alert(t.getAreas()); //输出9说明正确
alert(r.getAreas()); //输出20说明正确
</script>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
构造函数、原型实现继承的缺陷首先来分析构造函数和原型链两种实现继承方式的缺陷:构造函数(对象冒充)的主要问题是必须使用构造函数方式,且无法继承通过原型定义的方法
非ES6代码实现继承的主流方式主要可以分为:构造继承、原型链继承、构造继承+原型链继承组合继承、以及在组合继承上衍生出的继承方式。构造继承(借助call实现)实
“继承”是面向对象编程里面经常提及到的概念,它的目的是实现代码复用。JavaScript并没有“类”的概念,那么,它如何实现继承呢?(ES6有关键字class和
复制代码代码如下://采用对象冒充的方式实现js继承functionA(color){this.Acolor=color;this.AshowColor=fun
温馨提示:想要更好的理解JS继承方式,须了解构造函数、原型对象、实例化对象、原型链等概念第一种:原型链继承利用原型链的特点进行继承functionParent(