Javascript OOP : binding method to event handler-6ren

Javascript OOP : binding method to event handler

转载作者：行者123 更新时间：2023-11-30 10:30:07

24

4

<分区>

我是 JS 的新手，我知道函数是声明“类类”结构的方式。我正在尝试做这样的事情:

function Game() {
  // Class stuff

  this.handleClick = function(e) {
    alert(e);
  }

  // Bind event to method previously defined
  $('#board').bind('click', function(e) {
    this.handleClick(e);              // <--- THIS IS THE PROBLEMATIC LINE
  });
}

现在，如果在“有问题的行”我写:

  handleClick(e)

我得到 Uncaught ReferenceError: handleClick is not defined .

相反，如果我写:

  this.handleClick(e);

我得到 Uncaught TypeError: Object #<HTMLCanvasElement> has no method 'handleClick'

但是，如果我这样做:

function Game() {
  // Class stuff

  this.handleClick = function(e) {
    alert(e);
  }

  var game = this;                    // <--- I ASSIGN this TO board
  // Bind event to method previously defined
  $('#board').bind('click', function(e) {
    game.handleClick(e);              // <--- THIS WORKS!! WHY????
  });
}

有效!？!？!

我的问题是:

为什么会这样？我知道this可能会有问题，但为什么将它分配给一个变量会改变它呢？
我做错了吗？有没有更好的方法以更优雅的方式实现这样的目标？

24

4

0

文章推荐： javascript - 用jquery修改后续下拉列表

文章推荐： Swift - EPSG 坐标转换 :4326 to 3857

文章推荐： swift - 保存表格 View 单元格

文章推荐： javascript - FilteringSelect 的 onchange 不起作用

oop - OOP 好还是坏？
关闭。这个问题是opinion-based .它目前不接受答案。想改善这个问题吗？更新问题，以便可以通过 editing this post 用事实和引文回答问题. 4年前关闭。 Improve t
oop - OOP 范式在真正复杂的系统中的局限性？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
oop - OOP 中基类的反面是什么？
在面向对象的编程中，“基类”是派生其他类的类(http://en.wikipedia.org/wiki/Base_class)。但是，基类的反面是什么？换句话说，什么是没有任何子类的类？编辑:我正
oop - 为新程序员定义 OOP
关闭。这个问题需要更多focused .它目前不接受答案。想改善这个问题吗？更新问题，使其仅关注一个问题 editing this post . 8年前关闭。 Improve this questi
oop - OOP 的重大挑战者
据我了解，OOP 是大型项目最常用的范式。我也知道大系统的一些较小的子集使用其他范式(例如 SQL，它是声明性的)，并且我也意识到在较低级别的计算 OOP 并不真正可行。但在我看来，通常更高级别的解决
oop - OOP 是否基于任何数学分支？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
oop - OOP 更适合什么时候使用？
就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the he
oop - OOP 有什么规则吗？
最近听说OOP(Java)有9条规则。我只知道四种:抽象、多态、继承和封装。 OOP 还有更多规则吗？最佳答案看来您正在寻找的是 Principles of Object-Oriented Des
oop - OOP 中的主要概念
我曾经在一次采访中被问到“OOP 的 3 个主要概念是什么？”。我回答说，我认为有4个，如下: 继承封装抽象多态性我说得对吗？最佳答案语言要成为面向对象有3个要求: 仅支持封装(对象)的语
oop - OOP 组织问题的最佳解决方案
我有一个关于特定 OOP 问题的组织的简单问题。假设我有一个地形类，里面充满了瓷砖。 Tile 类有多个派生类，即 Door。 Door 类有一个名为 open() 的方法，用于打开门，还有一个名为
oop - OOP 的反面是什么？
就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放，visit
oop - OOP 语言等静态成员变量
我是 Go 的新手，然后我通过示例搜索了很多如何拥有带有静态函数/变量的静态类，例如 C#。但是，我找不到任何可以很好地回答它的东西。也许这个问题看起来很愚蠢，但我不喜欢不确定或不完全理解某事。假设
oop - 我什么时候应该在 OOP 中创建对象？
我曾尝试搜索此问题的答案，但很难用语言表达，而且许多问题要么是关于如何创建类，要么是关于如何做非常具体的事情。我需要更多的实用概述 - 我是自学成才的，我了解对象是什么(以及如何创建它们)，但我从未见
oop - 面向对象分析与现实生活中的 OOP 差异
在开始编码之前，我通常会尝试在没有太多分析(没有图表)的情况下进行 TDD。通常我发现自己将一个类拆分为其他类以分离关注点。我想知道更深入的分析是否会阻止这种情况。我认为大部分面向对象分析无法预测其中
oop - 何时在 OOP 中使用单例？
在阅读单例时，我发现这个解释是使用单例的原因: since these object methods are not changing the internal class state, we can
oop - 多态性与继承作为 oop 的支柱
如这里所述 https://standardofnorms.wordpress.com/2012/09/02/4-pillars-of-object-oriented-programming/ 并作为
oop - 从基类继承许多类是不好的 OOP 实践吗？
我是这个网站的新手，所以如果我在发布问题时做错了什么，请告诉我，以便我下次修复。我很好奇从单个基类继承多个类是否是糟糕的 OOP 实践。这可能不太合理，所以我要详细说明一下。例如，假设您正在设计一
oop - 什么是 OOP 中的工厂
我对“工厂相关”设计模式及其 OOP 实现的理解一直很简单。一个《工厂法》是类内部的一个方法，它有一个接口(interface)(或抽象类)作为返回类型，并根据一些内部逻辑构造实现该接口(inte
oop - 为什么 OOP 中的类有一个选项可以标记为从不继承自祖先？
C# 中的“密封”关键字，Java 中的 Final。因为我几乎从不创建任何图表并且我只使用已经完成的类(来自框架)我多年后仍然不知道为什么有人会“锁定”一个类所以它永远不会被扩展/继承。它是有益
oop - 理解 OOP 中的抽象
我正在研究面向对象的概念，抽象概念基本上被描述为对用户隐藏实现。因此，如果类中有一个成员函数并且我们为某些任务调用该函数，抽象表示用户不应该关心事情是如何完成的，而应该只知道正在完成什么。但即使在非面

首页

博学

6Ren·AI

商城

Javascript OOP : binding method to event handler