javascript函数不会被调用
我是第一次用揭示原型的模式编写javascript代码。我有麻烦了。当我调用add函数时，当用户单击add按钮时，它会在控制台中显示此错误。
Uncaught TypeError: Cannot call method 'add' of undefined
我该如何解决这个问题？
这是我的script.js代码
$(function () {
var todo = Todo('contents');
$('.addBtn').on('click', function() {
var name = $(this).parent().find('input[type="text"]').val();
todo.add(name);
});
$('.contents').on('click', '.remove', function() {
var el = $(this).parent();
todo.remove(el);
});
$('.contents').on('click', '.update', function() {
var dom = $(this);
todo.addUpdateField(dom);
});
$('.contents').on('click', '.updateBtn', function() {
var el = $(this);
todo.update(el);
});
});这是我的todo.js代码
var Todo = function(c) {
this.contents = $('.' + c);
};
Todo.prototype = function() {
var showel = function (d) {
this.contents.prepend(d);
},
add = function (name) {
if(name != "") {
var div = $('<div class="names"></div>')
.append('<span>' + name + '</span>')
.append("<button class='update' class='update'>Edit</button>")
.append("<button class='remove' name='remove'>Remove</button>");
}
return showel(div);
},
addUpdateField = function (dom) {
var name = dom.parent().find('span').text(),
field = $('<input type="text" value="' + name + '" />'),
update = $('<button class="updateBtn">Update</button>');
dom.parent().html('').append(field).append(update);
return;
},
update = function(el) {
var val = el.parent().find('input').val();
el.parent().html('<span>' + val + '</span>')
.append('<button class="update" class="update">Edit</button>')
.append('<button class="remove" class="remove">Remove</button>');
return;
},
remove = function (el) {
return el.remove();
};
return {
add : add,
update : update,
remove : remove,
addUpdateField : addUpdateField
};
}();更新
改变var todo = Todo('contents');后
至
var todo = new Todo('contents');
我知道这个错误
Object [object Object] has no method 'add'
更新2
这是我的on 小提琴
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-08-08 05:02:27
您正在尝试将Todo的prototype分配给一个自调用函数，但是，原型只是被分配给一个函数，而不是预期的返回对象。
这是你的工作小提琴。我用您的方法直接将原型分配给一个对象。
另外，JS自上而下解析。因此，在声明Todo是什么之后，定义新的Todo实例。
这就是自我调用函数应该是什么样的：
Todo.prototype = (function() {
// ...
return {
add: add,
update: update,
remove: remove,
addUpdateField: addUpdateField
};
})();Stack Overflow用户
发布于 2012-08-08 04:46:51
您没有正确地构造对象，因此它没有任何原型：
var todo = Todo('contents');
应：
var todo = new Todo('contents');
这是一个所以问题，它解释了当您忘记new时发生了什么。
编辑:定义原型函数的方式是扰乱上下文( this指向的内容)。试一试这样的模式：
Todo.prototype = {
method1: function () { ... },
method2: function () { ... }
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11864801
复制
相似问题
使用Linux重定向覆盖Python脚本中的文件
我可以在Windows中运行Linux shell脚本吗？
linux脚本来压缩所有文件
如何写一个DOS脚本来解压一个目录中的所有文件名？
linux中的Makefile :我可以不经许可覆盖文件的原因是什么？
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
