[RAILS] Résumé de ce que nous avons fait pour rendre JavaScript compatible avec IE11

Soudainement demandé le support IE11

Je vais résumer les parties avec lesquelles moi, un débutant JavaScript, j'ai eu du mal lorsqu'on m'a demandé de prendre en charge IE11. J'ai posté le code avant et après la correction, j'espère donc qu'il vous sera utile.

Fonction flèche

Code correspondant

$button.click((event) => {
    alert('J'ai appuyé sur le bouton');
});

// => SCRIPT1002:Il y a une erreur de syntaxe.

Code modifié

$button.click(function(event) {
    console.log('J'ai appuyé sur le bouton');

// =>J'ai appuyé sur le bouton
});

Modèle littéral

Celui qui développe les variables dans la chaîne de caractères entre guillemets

Code correspondant

const age = 20
console.log(`Mon âge est${age}est.`);

// => SCRIPT1014:Les caractères sont incorrects.

Code modifié

const age = 20;
console.log('Mon âge est' + age + 'est.');

// =>Mon âge a 20 ans

isNaN Cela semble être une méthode qui évalue si l'argument n'est pas un nombre

Code correspondant

const int = 1000;
console.log(Number.isNaN(int));

// => SCRIPT438:L'objet est'isNaN'Ne prend pas en charge les propriétés ou les méthodes.

Code modifié

const int = 1000;
console.log(isNaN(int));

// => false

.find()

Code correspondant

const fruits = ['Apple', 'Orange', 'Banana']
if(fruits.find(function (fruit) {return fruit === 'Grape'})) {
  console.log('C'est une pomme!');
}else {
  console.log('Ce n'est pas une pomme!');
}

// => SCRIPT438:L'objet est'find'Ne prend pas en charge les propriétés ou les méthodes.

Code modifié

function sample(arg) {
    const fruits = ['Apple', 'Orange', 'Banana']
    if(fruits.filter(function (fruit) {return fruit === arg})[0]) {
      console.log('C'est une merde!');
    }else {
      console.log('Ce n'est pas une merde!');
    }
}

sample('Banana')
sample('Tomato')

// =>C'est une merde!
// =>Ce n'est pas une merde!

2020/11/12 postscript

indexOf est plus facile à écrire

function sample(arg) {
    const fruits = ['Apple', 'Orange', 'Banana']
    if(fruits.indexOf(arg) !== -1) {
      console.log('C'est une merde!');
    }else {
      console.log('Ce n'est pas une merde!');
    }
}

sample('Banana')
sample('Tomato')

// =>C'est une merde!
// =>Ce n'est pas une merde!

@ il9437 Merci d'avoir signalé m (_ _) m

information sur la version

IE: 11.418.18362.0

Veuillez commenter si vous avez des conseils, tels que "Je devrais faire plus!" Ou "Il existe aussi une telle manière d'écrire!" M (_ _) m