SyntaxError:意外的标记'('

时间:2014-06-30 09:17:38

标签: javascript jquery object

我今天早上开始学习jQuery和JavaScript,但我遇到了一些问题。

我正在尝试创建一个可以数字上下的非常简单的应用程序。我来回实验,到目前为止这是我的代码。

    $(document).ready(function() {
    function Number(startingNumber) {
        if($.type(startingNumber)=="number"){
            number = startingNumber;
        }else{
            number = 0;
        }

        inc: function(number) { //Error Here!
            this.number = this.number + number;
            updateNumberText();
        }

        dec: function(number) {
            this.number = this.number - number;
            updateNumberText();
        }
    };

    var newN = new Number(50);
    updateNumberText();


    function updateNumberText() {
        $('#number').text(newN.number + "");
        console.log('number updated!');
    }


    $('#decButton').on('click', function() {
        newN.dec(1);
    });

    $('#incButton').on('click', function() {
        newN.inc(1);
    });
});

我遇到以下错误: SyntaxError:意外的令牌'('。 我只是无法弄清楚什么是错的,找不到任何语法错误。

以下是我的HTML和CSS文件。

<html>
<head>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <link rel="stylesheet" type="text/css" href="randtime.css"/>

    <title>learning</title>
</head>
<body>
    <div id="number">0</div>
    <button id="incButton">increase</button>
    <button id="decButton">decrease</button>
</body>

div {
font-size: 400%;
}

#number {
    text-align: center;
}

1 个答案:

答案 0 :(得分:2)

JavaScript中&#34;功能对象&#34; 的私有方法应以不同的方式定义:

function Number(startingNumber) {
    // ...

    this.inc = function(number) {
        this.number += number;
        updateNumberText();
    }

    // ...
}