做微信公众号页面时,ios9.3.3 h5的js代码全部失效

    描述: 机型iphone6 plus,ios9.3.3 js 代码执行报错

    在 umi 中编译生生产代码没问题,但 dev 代码直接在mPaaS环境预览,报错,经过报错位置,怀疑是箭头函数引起

    经测试,确实是 iOS 9.3.3 不支持 ES6 以下语法:

    1. 箭头函数
    2. let
    3. const

    测试 demo 示例

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4. <meta charset="UTF-8">
    5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. <title>测试 ios9.3.3</title>
    8. <script src="https://cdn.bootcss.com/vConsole/3.2.0/vconsole.min.js"></script>
    9. <script>new VConsole();</script>
    10. </head>
    11. <body>
    12. <script>
    13. // let str = 'xiaoming';
    14. // console.log('str:', str);
    15. const num = 1;
    16. console.log('num:', num);
    17. var aa = () => {
    18. return 123
    19. }
    20. console.log('arrow function:', aa())
    21. // var __commonJS = (cb, mod) => function __require() {
    22. // return mod || 123
    23. // };
    24. // console.log('arrow function:', __commonJS())
    25. </script>
    26. hah
    27. </body>
    28. </html>