Javascript学习课程的问题

时间:2011-11-20 01:54:35

标签: javascript class object

我一直在使用javascript一段时间,但从未上过任何课程,而且我的工作因大量无组织的功能而变得混乱。所以现在我正在学习如何使用课程,我有疑问。

如何在类中执行函数,例如:

<html>
<head>
    <script type="text/javascript">
        window.onload = function (){
            var object = new testClass("test123");
            alert(object.content);
        }
        function testClass (id){
            this.object = document.getElementById(id);
            this.content = this.getContent(); //<- this is what I want to do
            this.getContent = function (){
                return this.object.innerHTML;
            }
        }
    </script>
</head>
<body>
<div id="test123">Hello World</div>
</body>
</html>

基本上我如何调用类里面类的函数?在示例中,如何让this.getContent返回"Hello World"

我知道我可以这样做:

<html>
<head>
    <script type="text/javascript">
        window.onload = function (){
            var object = new testClass("test123");
            alert(object.getContent());
        }
        function testClass (id){
            this.object = document.getElementById(id);
            this.getContent = function (){
                return this.object.innerHTML;
            }
        }
    </script>
</head>
<body>
<div id="test123">Hello World</div>
</body>
</html>

我正在使用chrome进行测试。我做错了,能做到吗?提前谢谢。

1 个答案:

答案 0 :(得分:1)

在创建之前,您正在调用getContent 将函数调用移到赋值下面。