当前位置: 首页 > 面试题库 >

类构造函数中的“未捕获的ReferenceError:未定义”

颜新
2023-03-14
问题内容

我正在使用JavaScript / ES6中的新功能。我的Uncaught ReferenceError: this is not defined(...) player.js:5代码中有一个。据我所知,这里没有错误!这是一个错误吗?任何解决方法?

index.html

<html>
    <head>
        <script type="text/javascript" src="js/entity.js"></script>
        <script type="text/javascript" src="js/player.js"></script>
        <link href="css/style.css" rel="stylesheet" type="text/css">
        <title>Test</title>
    </head>
    <body>
        <canvas id="screen" width=500 height=500></canvas>
        <script type="text/javascript">initialize();</script>
    </body>
</html>

实体.js

"use strict";

class Entity {
    constructor() {
        console.log("Entity");
    }
}

player.js

"use strict";

class Player extends Entity {
    constructor() {
        console.log("Created"); // <- error here
    }
}

问题答案:

这是新类语法的事实。您的子类需要调用super()才能正确初始化该类,例如

super(arg1, arg2, argN);

带有父构造函数所需的任何参数。

要求,如果执行到达constructor函数的末尾,则this需要将值初始化为某种值。您可能需要在一个基类(这里this是自动初始化的),都称为super()所以this被初始化时,或return编替代对象。

class Player extends Entity {
  constructor() {
    super();
    console.log("Created"); ;// error here
  }
}

您可以将其想像为在其末尾constructor具有自动功能的函数return this



 类似资料:
  • 我不知道为什么会这样,但当我有: 错误消失了。 更新这是我的完整html代码:

  • 问题内容: 我正在尝试为网站添加 自定义表情的用户脚本 。但是,我遇到了很多错误。 这是函数: 该标签的调用该函数: 每次单击具有属性的按钮时,都会出现此错误: 未捕获ReferenceError:函数未定义。 任何帮助,将不胜感激。 谢谢! 我尝试使用: 但是我有一个错误。 这是脚本。 我试图这样做来测试听众是否正常工作,但他们不适合我: 问题答案: 切勿使用或用户脚本中的类似属性!在常规网页中

  • 我正在尝试为一个网站做一个用户脚本来添加自定义的表情。然而,我已经得到了很多错误。 函数如下: 标记的调用此函数: 每次单击具有属性的按钮时,都会出现以下错误: 未捕获得ReferenceError:未定义函数. 我尝试使用: 但我得到一个错误。 这是剧本。 我试着这样做来测试监听器是否对我有效,而它们对我无效:

  • 问题内容: 我在简单的jsp上遇到此错误:未捕获的ReferenceError:未定义$ 我只是试着在eclipse上的其他项目上调用服务,但似乎不起作用。 代码在这里: 更新: 尝试使用Google CDN的jQuery,但仍然无法正常工作 未捕获的ReferenceError:$未定义sendobject @ index.jsp:15onclick @ index.jsp:28 因为该问题的所

  • 问题内容: 我正在尝试将Admin Widget与两个DateField一起使用在我的配方中,但是只有第一个可以正确显示Widget,而另一个则出现错误: DateTimeShortcuts.js:205未捕获的ReferenceError:未定义django (指示的行是: ) 这是我的模板头: 我的模型领域: 和我的形式课: 我想这是某种渲染规则,但我完全感到困惑。欢迎任何帮助! 问题答案:

  • 问题内容: 我正在尝试在React JS中使用DRY。我正在尝试在不同文件中使用相同的HTML部分 部分: 我在另一个文件中请求它: 但是我遇到一个错误: 该脚本包含在html页面中,例如: 我正在使用webpack 问题答案: 如果您未使用任何webpack等模块捆绑程序,则应将组件分配给某些javascript全局对象,因为.jsx中的对象未置于全局范围内 所以这是解决方案(这里使用了 窗口