如何在javascript中修复未定义的属性?

时间:2012-12-23 09:06:53

标签: javascript jquery methods prototype undefined

我有这个脚本:

var Tord = (function () {

    Tord.prototype.getHeader = function () {
        alert('test');
    };

    return Tord;
})();

$(document).ready(function() {

    var tod = new Tord();
    tod.getHeader();
});

我收到错误Uncaught TypeError: Cannot read property 'prototype' of undefined第3行

我不明白为什么?

这是我的js文件的加载方式:

    <link rel="stylesheet" href="public/jquery.mobile/jquery.mobile-1.2.0.min.css" />
    <link rel="stylesheet" href="public/style.css" />
    <script src="public/jquery-1.8.3.min.js"></script>
    <script src="public/jquery.mobile/jquery.mobile-1.2.0.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="public/cordova-2.2.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="public/script.js"></script>

script.js包含上面的脚本。

任何想法?感谢。

1 个答案:

答案 0 :(得分:8)

由于您所显示的代码完全正确。看一下,调用这一行......

Tord.prototype.getHeader = function () {

... Tord 未定义。但是当你设置它时Tord应该是一个函数(因为prototype应该是构造函数的一个属性才有用) - 并且你没有做任何努力使Tord成为一个函数。

我认为你想要做的事情可以用这个来实现:

var Tord = (function () {
    var Tord = function() {}; // to properly name the constructor
    Tord.prototype.getHeader = function () {
        alert('test');
    };
    return Tord;
})();

有了这个,你可以根据一些外部逻辑定义不同的构造函数(但仍然定义它们一次)。但是在代码的当前状态下,没有必要让它变得那么复杂:这......

var Tord = function() {};
Tord.prototype.getHeader = function() { ... };
在我看来,

......应该足够了。