我正在使用JavaScript / ES6中的新功能。我的Uncaught ReferenceError: this is not defined(...) player.js:5代码中有一个。据我所知,这里没有错误!这是一个错误吗?任何解决方法?
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()
super(arg1, arg2, argN);
带有父构造函数所需的任何参数。
要求,如果执行到达constructor函数的末尾,则this需要将值初始化为某种值。您可能需要在一个基类(这里this是自动初始化的),都称为super()所以this被初始化时,或return编替代对象。
constructor
this
return
class Player extends Entity { constructor() { super(); console.log("Created"); ;// error here } }
您可以将其想像为在其末尾constructor具有自动功能的函数return this。
return this