为何在SAPUI5中出现解析错误？已解决（附代码）

问题定位 #

你提到的解析错误，根源其实在_showPopover方法里的箭头函数转义问题——代码里写的() =>是HTML转义后的字符，SAPUI5的JavaScript解析器无法识别这个转义序列，自然会抛出解析错误。

修正后的代码 #

把转义的箭头函数还原成标准的ES6箭头函数语法，同时可以优化_clearPopover里的逻辑（避免clearTimeout返回值导致的逻辑意外）：

attachPopoverOnMouseover: function (targetControl, popover) { 
  targetControl.addEventDelegate({ 
    onmouseover: this._showPopover.bind(this, targetControl, popover), 
    onmouseout: this._clearPopover.bind(this, popover), 
  }, this); 
},
_showPopover: function (targetControl, popover) { 
  this._timeId = setTimeout(() => popover.openBy(targetControl), 500); 
},
_clearPopover: function (popover) { 
  clearTimeout(this._timeId);
  popover.close(); 
},

补充说明 #

• 关于解析错误：=>是HTML实体转义后的=>，在JavaScript代码里必须使用原生的箭头函数语法，不能用转义字符，否则JS引擎会把它当成无效语法。
• 关于_clearPopover逻辑优化：原代码里的clearTimeout(this._timeId) || popover.close()逻辑有隐患——clearTimeout返回值是undefined，在逻辑或运算里会直接执行popover.close()，但其实不管定时器是否被清除，鼠标移出后都应该关闭弹窗，所以直接分开写更清晰可靠。

注：该问题已解决，详情见评论。

内容的提问来源于stack exchange，提问作者Mo Fug