JavaScript--使用New创建函数的实例，并调用其属性和方法

1.声明函数属性及其方法

function arithmetic(numArr) {
    this.numArr = numArr;
}

arithmetic.prototype.summation = function(numArr) {
    var sum = 0;
    if(typeof(numArr) != undefined) {
        for(var i = 0; i < numArr.length; i++) {
            sum += numArr[i];
        }
    }
    return sum;
}

arithmetic.prototype.showSum = function(numArr) {
    return this.summation(numArr);
}

2.实例化函数并调用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
        <script type="text/javascript" src="js/arithmetic.js" ></script>
        <script type="text/javascript">
            var arithmetic;
            var numArr;
            $(document).ready(function(){
                numArr=[2,5,3,10,20];
                arithmetic=new arithmetic(numArr);
            })
            
            function summate(){
                var sum1=arithmetic.summation(arithmetic.numArr);
                var sum2=arithmetic.showSum(arithmetic.numArr);
                alert(sum1);
                alert(sum2);
            }
        </script>
    </head>
    <body>
        <button onclick="summate();">点击</button>
    </body>
</html>

posted @ 2019-06-05 16:49 风拂晚柳阅读(380) 评论(0) 收藏举报

刷新页面返回顶部