重载和多态的使用场景(js的问题)

简介: 重载和多态的使用场景(js的问题)

重载:定义相同名称,不同参数的函数,程序调用时自动识别不同参数的函数

实现了相同函数名不同的函数调用

js中没有重载,可以通过arguments实现函数重载

/**
 * 计算正方形或长方形面积
 */
function React() {
  if (arguments.length == 1) {
    // 如果是1个参数,返回正方形
    this.width = arguments[0];
    this.height = arguments[0];
  } else {
    // 如果是2个参数,返回长方形
    this.width = arguments[0];
    this.height = arguments[1];
  }
 
  this.toString = function () {
    return `${this.width} * ${this.height} = ${this.width * this.height}`;
  };
}
 
var react1 = new React(5);
console.log(react1.toString());
// 5 * 5 = 25
 
var react2 = new React(3, 4);
console.log(react2.toString());
// 3 * 4 = 12

多态:同一个东西在不同情况下表现不同状态,重写和重载

相关文章
|
3天前
|
移动开发 JavaScript 前端开发
游戏框架 - 描述Phaser、Three.js等JavaScript游戏框架的核心功能和使用场景。
Phaser是开源2D游戏引擎,适合HTML5游戏,内置物理引擎和强大的图形渲染功能,适用于2D游戏,如消消乐。Three.js是基于WebGL的3D库,用于创建和显示3D图形,支持交互和多种3D效果,广泛应用在游戏、可视化等多个领域。两者各有侧重,选择取决于项目需求和图形交互要求。
53 3
|
2天前
|
JavaScript 前端开发
探索JavaScript中的let、const和var:区别与使用场景
探索JavaScript中的let、const和var:区别与使用场景
|
3天前
|
JavaScript
call、apply、bind的使用场景区分(js的问题)
call、apply、bind的使用场景区分(js的问题)
|
3天前
|
JavaScript 前端开发 算法
JavaScript 关键字 debugger 的作用和使用场景介绍
JavaScript 关键字 debugger 的作用和使用场景介绍
44 0
|
3天前
|
JavaScript 前端开发
vue.js中v-show,v-if的区别,以及使用场景
vue.js中v-show,v-if的区别,以及使用场景
26 0
|
9月前
|
JavaScript 前端开发 开发者
【Vue2从入门到精通】详解Vue.js的15种常用指令及其使用场景
Vue.js 是一款流行的前端框架,它通过指令(Directive)实现了对 DOM 元素的控制,使得开发者能够更加方便地管理页面的展示和交互。
103 0
【Vue2从入门到精通】详解Vue.js的15种常用指令及其使用场景
|
9月前
|
JavaScript 索引
js循环for、for...in、for...of、forEach 使用场景及优缺点
js循环for、for...in、for...of、forEach 使用场景及优缺点
70 0
|
10月前
|
JavaScript 数据可视化
Echarts动态数据可视化学习(3):图表中函数的使用场景及方法js快捷函数
Echarts动态数据可视化学习(3):图表中函数的使用场景及方法js快捷函数
94 0
|
10月前
|
JavaScript 前端开发 开发者
初识JS的Symbol数据类型以及它的使用场景
ES6 新增的数据类型Symbol是什么?它的应用场景有那些?
89 0
|
JavaScript 前端开发 计算机视觉
从实际开发中来看JavaScript事件循环的使用场景
本文是介绍结合DOM事件流和JavaScript事件循环解决一个工作中的实际问题的过程,很多东西不只是面试的时候才会用得到
118 0
从实际开发中来看JavaScript事件循环的使用场景