Comment apprendre JS

Comment apprendre JS, il existe des astuces très clés dans le processus d'utilisation de JS. Une fois que vous maîtrisez cette astuce, vous pouvez facilement savoir comment apprendre JS. Tout d'abord, tout le monde doit savoir que le JavaScript La fonction peut être utilisée avec n'importe quel nombre de paramètres. Contrairement à d'autres langages (tels que C# et Java), vous pouvez transmettre n'importe quel nombre de paramètres lors de l'appel d'une fonction JavaScript. Les fonctions JavaScript autorisent un nombre inconnu de paramètres de fonction. Avant ECMAScript 6, JavaScript disposait d'une variable pour accéder à ces nombres de paramètres inconnus ou variables, qui était un objet de type tableau, et non un tableau. Considérez le code suivant pour comprendre la variable arguments :

function add(){
    var result = 0;
    for(let i=0;i<arguments.length;i++){
        result = result + arguments[i];
    }
    return result;
}
var r = add(6,9,3,2);
console.log(r);
var t = add(7,56,9);
console.log(t);

Comme vous pouvez le voir, l'objet arguments est utilisé pour accéder aux paramètres de fonction inconnus ou variables. Même si les arguments utilisent l'attribut length et des crochets, il ne s'agit pas d'un véritable

tableau JavaScript. Vous ne pouvez pas utiliser d'autres méthodes de tableau JavaScript telles que pop, push, slice, etc. sur l'objet arguments. Certains problèmes lors de l'utilisation des arguments sont :

L'objet arguments de la fonction JavaScript n'est pas un véritable tableau JavaScript, vous ne pouvez donc pas utiliser d'autres méthodes de tableau telles que pop, push, slice, etc.

Il est difficile d'accéder à l'objet arguments d'une fonction externe dans une

fonction interne. Pour y accéder, vous devez attribuer la fonction arguments de la fonction externe dans une variable puis l'utiliser dans la fonction interne.

Si vous souhaitez utiliser l'objet arguments comme tableau, vous devez le convertir manuellement via Aarry.prototype.slice.

ECMAScript 6 introduit une nouvelle fonctionnalité, les paramètres Rest, qui représentent un nombre inconnu de paramètres sous forme de tableau dans une fonction. Non seulement il représente des paramètres supplémentaires sous forme de tableaux, mais il résout également de nombreux problèmes liés aux objets arguments. Réécrivez la fonction add ci-dessus en utilisant le paramètre rest.

function add(...theArgs){
    var result = 0;
    for(let i=0;i<theArgs.length;i++){
        result = result + theArgs[i];
    }
    return result;
}
var r = add(6,9,3,2);
console.log(r);
var t = add(7,56,9);
console.log(t);

Vous pouvez définir les paramètres de repos comme...theArgs ou...args. Si le dernier paramètre de fonction nommé est préfixé par ... (trois points), alors il devient le paramètre restant de la fonction. Le paramètre rest d'une fonction JavaScript est un tableau JavaScript pur. Dans le code ci-dessus, ...theArgs est le paramètre restant de la fonction add car c'est le seul paramètre nommé et est également préfixé par ... (trois points). Puisque le paramètre rest est un tableau JavaScript, vous pouvez effectuer des opérations telles que push, pop, etc. sur le paramètre rest theArgs, comme indiqué dans le code suivant :

function add(...theArgs){
    theArgs.push(10);
    var result = 0;
    for(let i=0;i<theArgs.length;i++){
        result = result + theArgs[i];
    }
    var lastItem  = theArgs.pop();
    console.log(lastItem);
    return result;
}

Le paramètre rest de la fonction JavaScript peut également fonctionner avec d'autres paramètres. Si vous ne souhaitez pas inclure de paramètres spécifiques dans le tableau de paramètres restant, vous devrez peut-être utiliser d'autres paramètres nommés dans la fonction. Considérons le bloc de code suivant :

function add(num1, num2, ...theArgs){
    console.log(num1);
    console.log(num2);
    console.log(theArgs.length);
}
var r = add(6,9,3,2);
var t = add(7,56,9);

Pour le premier appel de fonction, 6 et 9 seront respectivement attribués à num1 et num2. Pour le deuxième appel de fonction, 7 et 56 seront attribués à num1 et num2. Le paramètre qui démarre le troisième paramètre sera affecté au tableau de paramètres restant. Gardez à l’esprit que les deux premiers paramètres ne feront pas partie du tableau de paramètres restant. Ainsi, si vous envisagez d'inclure toutes les valeurs dans les paramètres de repos, vous devez les définir dès le début comme paramètres nommés séparés par des virgules. Le code donné ci-dessous entraînera une erreur :

function add(num1, ...theArgs,num2){
    console.log(num1);
    console.log(num2);
    console.log(theArgs.length);
}

Dans le code ci-dessus, le paramètre rest n'est pas le dernier paramètre, donc JavaScript générera une erreur. Le paramètre rest doit être le dernier paramètre formel.

JavaScript vous permet de détruire les paramètres de repos, ce qui signifie que vous pouvez décompresser les données des variables de repos en différents

noms de variables noms. Veuillez regarder le code ci-dessous :

function add(...[a,b,c]){
    return a+b+c;
}
var r = add(6);
console.log(r);
var t = add(7,56,9);
console.log(t);

Le premier appel de fonction attribuera a = 6, b = non défini, c = non défini, le deuxième appel de fonction attribuera a = 7, b = 56, c= 9. Dans cet exemple, la fonction ignorera tous les arguments supplémentaires transmis.

Le paramètre rest des fonctions JavaScript est une énorme amélioration par rapport à l'objet arguments

utilisant l'argument inconnu de la fonction . Il s'agit d'un tableau JavaScript pur, vous pouvez donc y utiliser toutes les méthodes de tableau. Vous pouvez décompresser les données des variables restantes en variables nommées. Vous pouvez donner n’importe quel nom aux paramètres rest, ce qui constitue une autre amélioration majeure par rapport à l’utilisation du mot-clé arguments.

Ce qui précède sont quelques conseils sur la façon d'apprendre JS. Je pense que mes amis ont une certaine compréhension et compréhension de cela, j'espère que cela vous sera utile pour votre travail ou vos études !

Recommandations associées :

Comment apprendre le langage JavaScript ? Quels sont les points importants et difficiles de l’apprentissage ?

Exemple d'implémentation JavaScript du menu déroulant

Résumé de la méthode d'actualisation de page JS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!