用javascript写一个简单计算器的设计

时间: 2023-03-22 17:04:35 浏览: 135

用javascript写的一个计算器

Array.prototype.remove=function(index) { if(isNaN(index)||index>this.length){return false;} for(var i=0,n=0;i<this.length;i++) { if(this[i]!=this[index]) { this[n++]=this[i] } } this.length-=1 } function commonMath(){ //类初始化 this.init = function(){ this.tmp = ''; this.debug = 0; this.output = ''; this.method = ''; this.sign = 1;//0:-;1:+ this.register = Array();//寄存器 } ### 使用JavaScript编写的计算器知识点解析 #### 一、Array.prototype.remove方法实现在该计算器代码中，`Array.prototype.remove` 方法被定义为一个数组原型的方法，用于移除数组中的某个指定索引位置的元素。 **具体实现：** ```javascript Array.prototype.remove = function (index) { if (isNaN(index) || index > this.length) { // 验证索引是否有效 return false; } for (var i = 0, n = 0; i < this.length; i++) { if (this[i] !== this[index]) { // 如果当前项不是要删除的项，则将其复制到新位置 this[n++] = this[i]; } } this.length -= 1; // 更新数组长度 }; ``` **功能说明：** - `isNaN(index)`：判断索引值是否不是一个数字。 - `index > this.length`：判断索引值是否超出了数组的实际长度。 - `this[i] !== this[index]`：当当前项不等于要删除的项时，将当前项移动到未删除项的位置。 - `this.length -= 1`：更新数组长度，减少1表示已经删除了一个元素。 #### 二、`commonMath` 类设计与实现 `commonMath` 类实现了基本的数学运算功能，包括初始化、设置运算符、设置数值、设置正负号、获取数值以及执行计算等。 **具体实现：** - **初始化方法** (`init`): 设置初始状态，如临时存储变量、调试标志位、输出结果、运算符标志位、正负号标志位及寄存器数组等。 ```javascript this.init = function () { this.tmp = ''; // 临时存储 this.debug = 0; // 调试标志位 this.output = ''; // 输出结果 this.method = ''; // 运算符 this.sign = 1; // 正负号标志位（0: -; 1: +） this.register = []; // 寄存器数组 }; ``` - **显示消息方法** (`showmsg`): 当调试模式开启时显示提示信息。 ```javascript this.showmsg = function (msg) { if (this.debug == 1) alert(msg); // 显示调试信息 }; ``` - **设置运算符方法** (`setMethod`): 设置当前的运算符，并根据寄存器数组的长度来决定如何处理输入的运算符。 ```javascript this.setMethod = function (_method) { this.method = _method; var _length = this.register.length; // 根据寄存器数组的长度进行相应的处理 }; ``` - **设置数值方法** (`setValue`): 设置数值，并检查数值的有效性。 ```javascript this.setValue = function (_value) { var tmp = parseInt(eval(this.tmp + '+"' + _value + '"')); var max = /^-?\d{1,9}$/i; if (max.test(tmp) === false) { return; } this.tmp = tmp; this.output.value = this.tmp; }; ``` - **设置正负号方法** (`setSign`): 切换数值的正负号，并更新寄存器。 ```javascript this.setSign = function () { var del = 0; var sign = ['-', '+']; this.sign = this.sign ^ 1; var _sign = sign[this.sign]; // 更改数值的正负号，并根据需要更新寄存器 }; ``` - **获取数值方法** (`getValue`): 根据输入的字符调用相应的处理方法。 ```javascript this.getValue = function (input) { var _in = input; var inputList = document.getElementsByTagName("input"); this.output = inputList[0]; var regMethod = /^[\+|\-|\*|\/]$/i; if (regMethod.test(_in)) { this.setMethod(_in); return; } var regNum = /^\d$/i; if (regNum.test(_in)) { this.setValue(_in); return; } var regSign = /^\+\/\-$/i; if (regSign.test(_in)) { this.setSign(_in); return; } var regResult = /^=$/; if (regResult.test(_in)) { this.run(); return; } }; ``` - **运行计算方法** (`run`): 执行具体的计算逻辑，并返回结果。 ```javascript this.run = function (type) { if (this.register.length < 2) return this.showmsg(1); if (this.register.length == 2 && (this.tmp == '')) return this.showmsg(2); // 具体计算逻辑 }; ``` #### 三、总结通过以上解析，我们可以看出这个计算器使用了面向对象的设计思路，将各种操作封装成方法，并通过不同的方法来完成不同的任务。这种方法不仅提高了代码的可读性和可维护性，还使得功能扩展变得更为容易。此外，对于数组的扩展方法 `remove` 的实现也体现了对数组操作的灵活运用，能够方便地对寄存器数组进行操作。整个计算器的设计充分考虑了用户交互体验，通过合理的输入验证和状态管理确保了程序的健壮性和准确性。

设计一个简单的计算器，使用JavaScript实现。首先，需要创建一个HTML页面，包含数字键和操作符键。然后，使用JavaScript编写代码，实现计算器的基本功能，例如加、减、乘、除等。最后，将结果显示在页面上。可以使用JavaScript的eval()函数来计算表达式。同时，需要注意输入的数字和操作符的格式，以及错误处理。

阅读全文

用javascript写一个简单计算器的设计

相关推荐

用javascript做简单计算器

用javascript编写的一个简单的计算器

用JavaScript编写一个简易计算器界面，使用表单控件完成界面设计，要求具有计算功能。

用用html，javascript编写一个简易计算器界面，使用表单控件完成界面设计，要求具有计算功能。

自己用Javascript和Html写的一个简单计算器

JavaScript实现一个简易的计算器实例代码

javascripte一个简单的计算器

javascript 写的计算器

javascript写的计算器

【JavaScript】一款根据win10系统自带计算器设计的页面版简易计算器

javascript简单计算器

Bootstrap+JavaScript实现的简易计算器设计与应用

使用JavaScript实现简易计算器

使用原生JavaScript编写的简易计算器

JavaScript实现简易计算器

用JavaScript打造简易计算器教程

javascript设计简单计算器

javascript改善简易计算器

用网页设计编写一个简易计算器

最新推荐

超级简易的JS计算器实例讲解(实现加减乘除)

CPPC++_作为反向代理来保护您的web服务免受攻击和利用.zip

CPPC++_原生macOS HD音频，不支持官方编解码器.zip

前端协作项目：发布猜图游戏功能与待修复事项

管理建模和仿真的文件

【高斯信道信号编码优化】：4大方法优化Chirp信号编码过程

对给定图，实现图的深度优先遍历和广度优先遍历。以邻接表或邻接矩阵为存储结构，实现连通无向图的深度优先和广度优先遍历。以用户指定的结点为起点，分别输出每种遍历下的结点访问序列，并调试算法。使用C语言

Spring框架REST服务开发实践指南

"互动学习：行动中的多样性与论文攻读经历"

【Chirp信号检测算法精解】：掌握高效检测Chirp信号的5大关键步骤