javascript “未捕获的类型错误:this._isDateType不是Arrow Function中的函数

jvlzgdj9  于 2023-06-04  发布在  Java
关注(0)|答案(3)|浏览(111)

我每次都得到一个类型错误,即找不到函数定义。代码如下:

return BaseController.extend("ch.micarna.weightprotocol.controller.Calendar", {
  onInit: function () {
    console.log(this._isDateType(new Date()));
    let oHbox = this.byId("calendar-container");
    let oTodayDate = new Date();
    let oEndDate = this._getLastDayOfMonth(oTodayDate);
  },

  _getLastDayOfMonth: (oBegin) => {
    if (this._isDateType(oBegin)) {
      throw new TypeError("The given parameter is not type of date.");
    }
    return new Date(oBegin.getFullYear(), oBegin.getMonth() + 1, 0);
  },

  _isDateType: (oDate) => {
    return Object.prototype.toString.call(oDate) === "[object Date]";
  },

});

问题是在_getLastDayOfMonth函数内部调用时找不到_isDateType函数。我设置了断点:

正如你所看到的,这个函数是未定义的,我不知道为什么。
onInit函数的开头,我调用了_isDateType函数:

console.log(this._isDateType(new Date()));

并提供了预期的结果。

我做错了什么?

bvk5enib

bvk5enib1#

替换 *arrow函数 *

_getLastDayOfMonth: (oBegin) => {
  // this....
},

对于普通的function expression

_getLastDayOfMonth: function(oBegin) {
  // this...
},

这样,_getLastDayOfMonth就可以自由地访问Controller示例中的其他方法。

为什么不支持箭头功能

  • 首先,重要的是要知道箭头函数 * 词法地 * 绑定它们的上下文。

箭头函数表达式的语法比函数表达式短,并且没有自己的thissource(https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)
例如,不可能在箭头函数上调用.bind。它们在计算时从闭包中获得this

  • 由于this不是Controller的示例,而是调用BaseController.extend时的window对象,因此在arrow函数内部调用this._isDateType等效于window._isDateType
pbossiut

pbossiut2#

你不能做的是从对象文字语法的其他地方引用一个“正在构造”的对象的属性。如果你想这样做,你需要一个或多个单独的赋值语句。
例如,按如下方式移动代码:

var temp = BaseController.extend("ch.micarna.weightprotocol.controller.Calendar", {

onInit: function () {

  console.log(this._isDateType(new Date()));

  let oHbox = this.byId("calendar-container");

  let oTodayDate = new Date();
  let oEndDate = this._getLastDayOfMonth(oTodayDate);

}

});

temp._isDateType = (oDate) => {
  return Object.prototype.toString.call(oDate) === "[object Date]";
};

temp._getLastDayOfMonth = (oBegin) => {

  if (this._isDateType(oBegin)) {
    throw new TypeError("The given parameter is not type of date.");
  }
  return new Date(oBegin.getFullYear(), oBegin.getMonth() + 1, 0);
}

return temp;

其思想是将函数赋值拆分为几个语句;

qaxu7uf2

qaxu7uf23#

this元素可以在函数内部使用,以获取元素的临时值。要使用_isDateType方法,您应该在方法内部创建一个属性,并使用'this'值填充它。

return BaseController.extend("ch.micarna.weightprotocol.controller.Calendar", {
var temp= null;
onInit: function () {
  temp = this;
  console.log(temp._isDateType(new Date()));

  let oHbox = temp.byId("calendar-container");

  let oTodayDate = new Date();
  let oEndDate = temp._getLastDayOfMonth(oTodayDate);

},

_getLastDayOfMonth: (oBegin) => {

  if (temp._isDateType(oBegin)) {
    throw new TypeError("The given parameter is not type of date.");
  }
  return new Date(oBegin.getFullYear(), oBegin.getMonth() + 1, 0);
},

_isDateType: (oDate) => {
  return Object.prototype.toString.call(oDate) === "[object Date]";
}

相关问题