《JavaScript设计模式》——2.5　多种调用方式——多态

本节书摘来自异步社区《JavaScript设计模式》一书中的第2章，第2.5节，作者：张容铭著，更多章节内容可以访问云栖社区“异步社区”公众号查看

2.5 多种调用方式——多态

“小铭，在面向对象编程中不是还有一种特性叫作多态么？在JavaScript中可以实现么？”

“多态，就是同一个方法多种调用方式吧。在JavaScript中也是可以实现的，只不过要对传入的参数做判断以实现多种调用方式，如我们定义一个add方法，如果不传参数则返回10，如果传一个参数则返回10+参数，如果传两个参数则返回两个参数相加的结果。”

//多态

function add(){

 // 获取参数

 var arg = arguments,

 // 获取参数长度

 len = arg.length;

 switch(len){

 // 如果没有参数

 case 0:

 return 10;

 // 如果只有一个参数

 case 1:

 return 10 + arg[0];

 // 如果有两个参数

 case 2:

 return arg[0] + arg[1];

// 测试用例

console.log(add()); // 10

console.log(add(5)); // 15

console.log(add(6,7)); // 13

“当然我们还可以让其转化成更易懂的类形式：”

function Add(){

 // 无参数算法

 function zero(){

 return 10;

 // 一个参数算法

 function one(num){

 return 10 + num;

 // 两个参数算法

 function two(num1, num2){

 return num1 + num2;

 // 相加共有方法

 this.add = function(){

 var arg = arguments,

 // 获取参数长度

 len = arg.length;

 switch(len){

 // 如果没有参数

 case 0:

 return zero();

 // 如果只有一个参数

 case 1:

 return one(arg[0]);

 // 如果有两个参数

 case 2:

 return two(arg[0], arg[1]);

// 实例化类

var A = new Add();

console.log(A.add()); // 10

console.log(A.add(5)); // 15

console.log(A.add(6,7)); // 13

“对于多态类，当我们调用add运算方法时，他会根据传参不同做相应运算，当然我们将不同运算方法封装在类内，这样代码更易懂。”

- 在JS中不会检查参数的类型，所以这就意味着任何数据都可以作为参数传递 - 要调用某个函数，无需指定的类型，只要对象满足某些条件即可 - 如果一个东西走路像鸭子，叫起来像鸭子，那么它就是鸭子 - 多态为我们提供了灵活性 ```html script class Person{ constructor(name){ this.name = name
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区，也是国内领先的IT专业图书社区，致力于优质学习内容的出版和分享，实现了纸书电子书的同步上架，于2015年8月上线运营。公众号【异步图书】，每日赠送异步新书。