首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何改进这个JavaScript类?

如何改进这个JavaScript类?
EN

Stack Overflow用户
提问于 2013-03-07 04:03:20
回答 1查看 82关注 0票数 0

我是JavaScript新手,我知道我的代码很奇怪,我该如何解决这个问题呢?另外,如何在函数中调用函数?我希望将所有值转换为数字或浮点数,并调用解决方案。

代码语言:javascript
复制
    <script type="text/javascript">

    function Math(){                        

        var firstNumber = document.getElementById("firstnumber");
        var secondNumber = document.getElementById("secondnumber");

        this.add = function(){          
            var fN = Number( firstNumber.value );
            var sN = Number( secondNumber.value );
            return ( fN + sN );
        }

        this.sub = function(){          
            var fN = Number( firstNumber.value );
            var sN = Number( secondNumber.value );
            return ( fN - sN );
        }

        this.div = function(){          
            var fN = Number( firstNumber.value );
            var sN = Number( secondNumber.value );
            return ( fN - sN );
        }


        this.mul = function(){          
            var fN = Number( firstNumber.value );
            var sN = Number( secondNumber.value );
            return ( fN * sN );
        }

    }

    var myNewMath = new Math();         

</script>
EN

回答 1

Stack Overflow用户

发布于 2013-03-07 04:08:27

对于初学者来说,代码并不是太差,只是有点重复而已。

现在,为了简单起见,我可能会这样做,以避免重复调用Number(element.value)

代码语言:javascript
复制
function Calculator() { // NB: not "Math" - that's a standard object                   

    var firstNumber = document.getElementById("firstnumber");
    var secondNumber = document.getElementById("secondnumber");

    function op1() {
        return Number(firstNumber.value);
    }

    function op2() {
        return Number(secondNumber.value);
    }

    this.add = function() {          
        return op1() + op2();
    }

    this.sub = function() {
        return op1() - op2();
    }

    ...
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15256900

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档