面向对象在javascript中的三大特征之多态
2016-04-19 15:18
471 查看
多态
从某种意义上来说,多态是面向对象中重要的一部分,也是实施继承的主要目的。一个实例可以拥有多个类型,它既可以是这种类型,也可以是那种类型,这种多种状态被称为类的多态。
多态的表现形式很多,其中继承和重载都是多态的表现形式。
——整理自《jQuery开发从入门到精通》
继承
继承本身是多态的一种实现。详情请参考上一篇博文:/article/7809098.html重载
重载也是多态的一种体现。重载就是同名方法的多个实现。依靠参数的类型和参数的个数来区分和识别。在js中,函数的参数是没有类型的,并且参数的个数是任意的。例如:下面的add函数
function add(x,y){ return x+y; }我们将其实现重载
function add(){ var sum = 0; for(var i=0; i<arguments.length; i++) { if(typeof arguments[i] === 'number') { sum += arguments[i]; } } return sum; }这样,不管参数类型如何,该函数会自动把数值类型参数相加并返回总数。
另外,结合instanceof 和constructor属性来判断每个参数类型,以决定根据参数个数和类型执行不同操作,这样可以实现更复杂的重载。
下面我们使用js的原型来设计类的多态特征。
function A(){ this.get = function(){ console.log('A'); } } function B(){ this.get = function(){ console.log('B'); } } B.prototype = new A(); // 使用原型继承,让B类继承A类 function C(){ this.get = function(){ console.log('C'); } } C.prototype = new A(); // 使用原型继承,让B类继承A类 function F(x){ this.x = x; } F.prototype.get = function(){ // 判断是否为A类的实例 if(this.x instanceof A){ // 如果是,调用实例的方法 this.x.get(); } } // 下面开始 var b = new B(); var c = new C(); var f1 = new F(b); // 此时F中的this.x 就是b了, 而b是A的一个实例 var f2 = new F(c); // 原理同上 f1.get(); // B f2.get(); // C上面的类F就包含了一个多态方法get() ,它能够根据不同实例,来执行不同方法。
相关文章推荐
- JS空值传到后台显示undefined
- JSP中乱码问题
- javascript 手机号码正则表达式验证函数
- 一些实用性较高的js方法
- JavaScript 学习笔记一基础入门
- javascript深入理解js闭包
- Newtonsoft.Json高级用法
- BackboneJs
- OC调用JS内容
- $import("inc/checkform.js","js","checkform")
- history.js使用方法(来自博客园)
- HTML.CSS.JS的基本操作
- 详解location.href几种用法的区别【JS跳转】
- js中的 || 和 &&
- 使用js Math.random()函数生成n到m间的随机数字
- [AFNetworking练习2]GCD方式Post提交json
- js变量提升
- 使用Gson解析和创建json
- href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
- [LeetCode][JavaScript]Power of Four