首页 / JAVASCRIPT / Javascript：通过onclick调用时,对象中的函数未定义

Javascript：通过onclick调用时,对象中的函数未定义

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript：通过onclick调用时,对象中的函数未定义，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含917字，纯文字阅读大概需要2分钟。

内容图文

我在这里尝试一些代码,

var cat={
    col:"Red",
    getCol:function(){
        document.writeln(this.col);
    }
}

function getCol(){
    document.writeln(cat.col);
}

$(function(){ 
    $("#button1").click(cat.getCol);
    $("#button2").click(getCol);
})

但是我为button1定义了未定义,为button2定义了“红色”.有人可以告诉我为什么吗？

如果我将其更改为$(“#button1”).click(cat.getCol());,则会得到我需要的“红色” …

解决方法:

首先

$("#button1").click(cat.getCol);

给您未定义的信息,因为cat.getCol的主体在运行时不会使用cat.如果您担心跨浏览器的兼容性,我建议您在此处使用Function.prototype.bind或其他几种变体.关于将“方法”设置为事件处理程序并确保其始终与封闭对象绑定的问题,有许多已发布的解决方案.

下一个

$("#button2").click(getCol);

可以正常工作,因为getCol直接使用cat.

最后

$("#button1").click(cat.getCol());

是完全错误的.表达式cat.getCol()是一个返回未定义的调用.为点击处理程序设置的值不是一个很好的值.您刚刚看到document.write发生了,但是没有响应单击.

附录

Live demo using bind

内容总结

以上是互联网集市为您收集整理的Javascript：通过onclick调用时,对象中的函数未定义全部内容，希望文章能够帮你解决Javascript：通过onclick调用时,对象中的函数未定义所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/675506.html

来源：【匿名】