我有这个脚本:
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
包含上面的脚本。
任何想法?感谢。
答案 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() { ... };
在我看来,......应该足够了。