parseFloat(content)
,这里的content是递归调用后的无符号字符串,并不是最开始引入的参数了。
//实现递归计算 function fact(content){ var index = content.indexOf("+");//获取"+"号的index if(index != -1){ return fact(content.substring(0,index))+fact(content.substring(index+1)); //当找得到“+”号时,分成两部分相加递归 }else{ var index2 = content.lastIndexOf("-");//当找不到“+”号时,开始找“-”号 if(index2 != -1){ return fact(content.substring(0,index2))-fact(content.substring(index2+1)); //当找得到“-”号时,分成两部分相减递归 }else{ var index3 = content.indexOf("*");//当找不到“-”号时,开始找“*”号 if(index3 != -1){ return fact(content.substring(0,index3))*fact(content.substring(index3+1)); //当找得到“*”号时,分成两部分相乘递归 }else{ var index4 = content.lastIndexOf("/");//当找不到“*”号时,开始找“/”号 if(index4 != -1){ return fact(content.substring(0,index4))/fact(content.substring(index4+1)); //当找得到“/”号时,分成两部分相除递归 }else{ return parseFloat(content);//当找不到“/”号时,返回这段串的变成float型的数值 } } } } }
以上是全部代码,设计思路中要注意的两点是:
1、加号和乘号用的indexOf()
,而减号和除号用的lastIndexOf()
。
举个例子:content="3-2-1"
它如果用indexOf()
,先把串分成fact("3")-fact("2-1"),前面"3"无符号,递归调用fact时返回parseFloat("3"),而后面的递归调用时,会变成parseFloat("2")-parseFloat("1")=1,这个是fact("2-1")的返回值,最终结果是2,这就相当于:3-(2-1)。
如果用lastIndexOf(),它把串分成fact("3-2")-fact("1"),fact("3-2")的返回值是parseFloat("3")-parseFloat("2")=1,这样就实现了从左到右的计算。
除号也是同理:若content="6/3/2"用indexOf(),相当于:6/(3/2),因为加号和乘号不存在顺序问题,因此可以用indexOf()。
2、乘除在判断的内层,加减在判断的外层。
由于乘除要先计算,内层的判断会先获得没有符号的串,他们就会先计算。
这个计算器个人觉得可以优化的地方:(大家也可以思考下)
1、给button绑定事件的时候,采用事件代理模式。
2、用到的哪些属性或方法需要考虑浏览器兼容问题。