javascript继承==>prototype简单使用
1,原型链实例
2,将公共属性迁移到原型中
3,只继承原型
4,临时构造器--new F()使用
下面写的简单实例:
function shape(){}
shape.prototype.name = 'name';
shape.prototype.toString = function(){
return this.name
}
function tweShape(){}
var F = function(){}
F.prototype = shape.prototype;
tweShape.prototype = new F();
tweShape.prototype.constructor = tweShape;
tweShape.prototype.name= '2d Shape';
function triangle(side,height){
this.side = side;
this.height = height;
}
var F = function(){}
F.prototype = tweShape.prototype
triangle.prototype = new F();
triangle.prototype.constructor = triangle;
triangle.prototype.name = 'Triangle';
triangle.prototype.getArea = function(){
return this.side * this.height / 2;
}
chrom浏览器console控制台进行调试如下:
var tri = new triangle(10,15);
tri.getArea();
==>75
tri.constructor
==>function triangle(side,height){
this.side = side;
this.height = height;
}
var twe = new tweShape();
twe.constructor;
=>function tweShape(){}
twe.name;
=>2d Shape
var shp = new shape();
shp.construtor;
=>function shape(){}
shp.name
=>name
如果我们不使用临时构造器,在实例化shape和tweShape执行的原型都是triange,输入对应的实例化对象
twe.name 或者 shp.name结果都是
==>Triangle
相关推荐
扩展js Javascript继承-正确的方法。 比您在其他地方看到的要好。 要在浏览器中使用,只需将extends.js添加到您的项目中: [removed][removed]要在您的节点项目中使用,请通过npm安装: npm install extends-js只需...
javascript的prototype继承
我们已经在第一章中使用prototype属性模拟类和继承的实现。 prototype属性本质上还是一个JavaScript对象。 并且每个函数都有一个默认的prototype属性。 如果这个函数被用在创建自定义对象的场景中,我们称这个函数为...
不错的一篇关于javascript-prototype继承
详解JavaScript中基于原型prototype的继承特性_.docx
JavaScriptprototype的深度探索不是原型继承那么简单.pdf
Javascript中关于prototype属性实现继承的原理图
主要介绍了JavaScript使用prototype属性实现继承操作,结合实例形式详细分析了JavaScript使用prototype属性实现继承的相关原理、实现方法与操作注意事项,需要的朋友可以参考下
javascript原型继承,prototype的使用,可以像java一样继承
NULL 博文链接:https://liujunhg.iteye.com/blog/1069419
构造函数,原型和此JavaScript基础目标解释“ this”关键字的四个原理,并举例说明每个解释描述并使用原型,构造函数new关键字和伪古典继承来构建对象介绍为了完成这些任务,您将需要新获得的有关构造函数,原型和...
说好的讲解JavaScript继承,可是迟迟到现在讲解。废话不多说,直接进入正题。 既然你想了解继承,证明你对JavaScript面向对象已经有一定的了解,如还有什么不理解的可以参考《面向对象JS基础讲解,工厂模式、构造...
Tooltip-js具有继承性原型使用原型继承设计模式的css,html,js的简单工具提示
而原型正是实现javascript继承的很重要的一种方法! 我们首先来看以下代码: 代码如下: function person(name, age) { this.name = name; this.age = age; } person.prototype.getInfo = function() { alert(...
本文实例讲述了javascript基于prototype实现类似OOP继承的方法。分享给大家供大家参考,具体如下: 这里要说明的是,公有属性(使用this.修饰符)可以被覆盖,私有属性(使用var 修饰符)不能被覆盖 子类不能访问父类...
在本章中,我们将分析Prototypejs中关于JavaScript继承的实现。 Prototypejs是最早的JavaScript类库,可以说是JavaScript类库的鼻祖。 我在几年前接触的第一个JavaScript类库就是这位,因此Prototypejs有着广泛的...
主要介绍了JavaScript不使用prototype和new实现继承机制的相关资料,需要的朋友可以参考下
简单谈谈JavaScript寄生式组合继承 组合继承也被称为伪经典继承,它综合了我们昨天说的原型链和盗用构造函数,将俩者的有点结合在了一起。它的基本思想是使用原型链继承原型上的属性和方法,通过盗用构造函数继承...
主要介绍了JavaScript使用prototype原型实现的封装继承多态,涉及javascript prototype与面向对象程序设计相关操作技巧,需要的朋友可以参考下