预期为“；” IE中的异常（JavaScript，jQuery）

Question

I'm testing my website for IE compatibility and right away I run into plethora of problems:

DOM7011: The code on this page disabled back and forward caching. For more information, see: http://go.microsoft.com/fwlink/?LinkID=291337
webshop.html
HTML1300: Navigation occurred.
webshop.html
SCRIPT1004: Expected ';'
main.js (16,18)

At this point I'm mostly concerned with the ; not being expected because every time i check my code it's THERE.

Answer 1

IE doesn't support for..of , so you can either transpile your code (eg with Babel ) or use a good old forEach :

this.cartShop.forEach(function(item) {
    if (...) { ... }
}, this);

Update : I'm seeing now that inside the if block there's a return statement to break out of the function early, and that is why the code I suggested behaves differently. I don't recommend this kind of approach, as it leads to unexpected behaviors and code duplication. As a norm, get out of a loop using break .

I see you first are checking if the item is in the cart: you can do it using find :

var item = this.cartShop.find(function(item) {
    return item.name === name && ...
});

if (item) {
    item.quantity += quantity;
} else {
    item = new this.Item(...);
    this.cartShop.push(item);
}

this.saveLocalCart();

Unfortunately, find is again not available in IE, but contrary to for..of you can simply provide a polyfill . Alternatively, you can always use your old code with a classic for loop:

for (var i = 0; i < this.cartShop.length; i++) {
    var item = this.cartShop[i];
    if (...) { ... }
}

More verbose, less readable, but still effective.