Angular js：android studio 控制台中显示意外令牌错误，但在浏览器中工作正常

Question

我的cordova android项目(angularjs+ionic)中有一个奇怪的问题，当我在android studio中运行项目时，我的js文件会出现这个错误。

 Uncaught SyntaxError: Unexpected token {, http://192.168.43.211:8100/templates/todo/js/controllers.js, Line: 184

但是当我在谷歌浏览器中运行相同的文件时，我会得到结果并且没有显示错误

这是错误信息的代码块

$scope.todos = $scope.todos.map(({text, status,note,create_date,to_do_id}) => {
             var ch;
             if(status=='1') ch=true; else ch=false;
             console.log(ch);
                return {
                  text,
                  flag:ch,
                  note:note,
                  to_do_id:to_do_id,
                  create_date:create_date,
                  status:status
                  };
              });

当我隐藏上面的代码块时，android studio 控制台中没有显示错误，但我需要上面的代码块来完成功能。

有什么问题

Answer 1

主要解决方案

您确定您的移动浏览器支持 JS 箭头表达式吗？它们是在 ECMAScript 6 中引入的，因此某些浏览器可能仍然不支持它们。尝试将箭头表达式更改为匿名函数：

$scope.todos = $scope.todos.map(function(record) {
    var ch;
    if (record.status == '1') ch = true; else ch = false;
    console.log(ch);
    return {
        text: record.text,
        flag: ch,
        note: record.note,
        to_do_id: record.to_do_id,
        create_date: record.create_date,
        status: record.status
    };
});

---

替代解决方案

如果上面的代码仍然无法运行，您可以随时创建自己的地图函数：

function _arrayMap(array, callback) {
    var newArray = [];

    for(var i = 0; i < array.length; i++) {
        newArray.push(callback(array[i]));
    }

    return newArray;
}

并以类似的方式使用它：

$scope.todos = _arrayMap($scope.todos, function(record) {
    var ch;
    if (record.status == '1') ch = true; else ch = false;
    console.log(ch);
    return {
        text: record.text,
        flag: ch,
        note: record.note,
        to_do_id: record.to_do_id,
        create_date: record.create_date,
        status: record.status
    };
});