jQuery箭头函数替代答案

【问题标题】：JQuery arrow function substitutejQuery箭头函数替代
【发布时间】：2020-11-13 15:35:15
【问题描述】：

我正在用 Jquery 制作一个 Cordova/Phonegap 应用程序。

这组代码在调试时可以在我的本地主机站点上运行 - 但在我的手机上运行应用程序时却不行。

${_priWaardes[i].children.map(child => "<li>" + child + "</li>")}

显然 - 这是因为 Cordova webview 还不支持箭头功能。

显示数组的子元素的替代方法是什么？提前致谢！

【问题讨论】：

child => "<li>" + child + "</li>" 几乎等同于function (child) { return "<li>" + child + "</li>";}
使用自 1990 年代以来就存在的函数，因此文档非常完善，并且很容易找到相关信息。

【解决方案1】：

替代方案是原来的function，它实际上等同于箭头函数。

${_priWaardes[i].children.map(function(child) {
   return "<li>" + child + "</li>"
})}

箭头函数是在 ES6 (ECMAScript 2015) 中引入的，并非所有平台都支持。为避免出现问题，最好使用旧语法或 babel 之类的东西。

【讨论】：