主页 / 网络编程 /

javascript面向对象三大特征之多态实例详解

网络编程 2021-07-04 15:51www.168986.cn编程入门
这篇文章主要介绍了javascript面向对象三大特征之多态,结合实例形式详细分析了javascript面向对象程序设计中多态的概念、原理,并结合实例形式了多态的实现方法与使用技巧,需要的朋友可以参考下

本文实例讲述了javascript面向对象三大特征之多态。分享给大家供大家参考，具体如下

多态

从某种意义上来说，多态是面向对象中重要的一部分，也是实施继承的主要目的。

一个实例可以拥有多个类型，它既可以是这种类型，也可以是那种类型，这种多种状态被称为类的多态。

多态的表现形式很多，其中继承和重载都是多态的表现形式。

——整理自《jQuery开发从入门到精通》

继承

继承本身是多态的一种实现。详情请参考前面一篇

重载

重载也是多态的一种体现。重载就是同名方法的多个实现。依靠参数的类型和参数的个数来区分和识别。在js中，函数的参数是没有类型的，并且参数的个数是任意的。

例如狼蚁网站SEO优化的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属性来判断每个参数类型，以决定根据参数个数和类型执行不同操作，这样可以实现更复杂的重载。

狼蚁网站SEO优化我们使用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();
 }
}
// 狼蚁网站SEO优化开始
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() ，它能够根据不同实例，来执行不同方法。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：Vue.js实现tab切换效果 下一篇：javascript面向对象三大特征之继承实例详解

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by