jQuery箭头函数替代

Posted 2023-05-07

【中文标题】jQuery箭头函数替代

【英文标题】：JQuery arrow function substitute

【发布时间】：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 之类的东西。