Question

我有一个使用Modernizr检查浏览器是否支持es6的网站。

我有这个脚本：

 if (Modernizr.es6number) {
        Object.keys(objFiltri).map(key => objGrid_CustomFilter.perQuery[key] = objFiltri[key]);
    } else {
        labelsPrint.map(function (key) { objGrid_CustomFilter.perQuery[key] = objFiltri[key] });
    }

在IE11中的代码

Modernizr.es6number

返回false，但IE给我一个错误（SCRIPT1002语法不正确），因为无法识别es6方法.map。

我的问题是，如果 IF 返回 FALSE ，为什么IE会通过 TRUE 案例？我怎么能避免这种情况？

谢谢！

Answer 1

首先，代码不检查ES6支持，它检查是否支持单个功能。

更重要的是，您定义了箭头功能，IE不支持箭头功能。整个（！）代码在执行之前被解析。 IE甚至没有达到检查<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <div class="car"> <div class="container"> <div class="row"> <div class="car-button-container"> <div class="col-md-2 col-md-offset-2 col-sm-3 col-xs-6"> <div class="click car-model" data-index="1"> Car Model 1 </div> </div> <div class="col-md-2 col-sm-3 col-xs-6"> <div class="click car-model" data-index="2"> Car Model 2 </div> </div> <div class="col-md-2 col-sm-3 col-xs-6"> <div class="click car-model" data-index="3"> Car Model 3 </div> </div> <div class="col-md-2 col-sm-3 col-s-6"> <div class="click car-model" data-index="4"> Car Model 4 </div> </div> <div class="clearfix"></div> </div> </div> <div class="row"> <div class="col-lg-7 col-lg-offset-2"> <div class="car-image current" data-car-index="1"> <img class="img-responsive" src="http://store6.up-00.com/2017-03/148992727111161.png" alt="" /> <div class="wheelInCar left"></div> <div class="wheelInCar right"></div> </div> <div class="car-image" data-car-index="2"> <img class="img-responsive" src="http://store6.up-00.com/2017-03/148992727122822.png" alt="" /> <div class="wheelInCar left"></div> <div class="wheelInCar right"></div> </div> <div class="car-image" data-car-index="3"> <img class="img-responsive" src="http://store6.up-00.com/2017-03/148992727131353.png" alt="" /> <div class="wheelInCar left"></div> <div class="wheelInCar right"></div> </div> <div class="car-image" data-car-index="4"> <img class="img-responsive" src="http://store6.up-00.com/2017-03/148992727151114.png" alt="" /> <div class="wheelInCar left"></div> <div class="wheelInCar right"></div> </div> </div> </div> <div class="row"> <div class="wheelEleContainer"> <div class="col-lg-1 col-lg-offset-2"> <div class="slectWheel"> <img src="http://store6.up-00.com/2017-03/148992740561243.png" alt="" /> </div> </div> <div class="col-lg-1"> <div class="slectWheel"> <img src="http://store6.up-00.com/2017-03/14899275127831.png" alt="" /> </div> </div> <div class="col-lg-1"> <div class="slectWheel"> <img src="http://store6.up-00.com/2017-03/148992740580684.png" alt="" /> </div> </div> </div> </div> </div> </div>的程度。

您无法使用浏览器不支持的语法。您无法在IE 11中使用箭头功能。

IE 11，Modernizr和SCRIPT1002语法错误

1 个答案: