Maison > interface Web > js tutoriel > Compétences en abréviation que les développeurs JavaScript doivent connaître (primaire)

Compétences en abréviation que les développeurs JavaScript doivent connaître (primaire)

云罗郡主
Libérer: 2018-10-19 14:32:23
avant
1527 Les gens l'ont consulté

Le contenu de cet article concerne les compétences en abréviation que les développeurs JavaScript doivent connaître (partie élémentaire). Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Compétences en abréviation que les développeurs JavaScript doivent connaître (primaire)

1. Opérateur ternaire

Ce qui suit est un bon exemple d'abréviation d'une instruction if complète en une seule ligne de code.

const x = 20;
let answer;
if (x > 10) {
    answer = 'greater than 10';
} else {
    answer = 'less than 10';
}
Copier après la connexion

est abrégé en :

const answer = x > 10 ? 'greater than 10' : 'less than 10';
Copier après la connexion

2. Instruction de boucle

Lors de l'utilisation de JavaScript pur (ne s'appuyant pas sur des bibliothèques externes, telles que jQuery ou lodash), les abréviations suivantes peuvent être très utiles.

for (let i = 0; i <p> est abrégé en : </p><pre class="brush:php;toolbar:false">for (let index of allImgs)
Copier après la connexion

Ce qui suit est un exemple abrégé de parcours du tableau forEach :

function logArrayElements(element, index, array) {
  console.log("a[" + index + "] = " + element);
}
[2, 5, 9].forEach(logArrayElements);
// logs:
// a[0] = 2
// a[1] = 5
// a[2] = 9
Copier après la connexion

Déclarez les variables

.

in C'est une bonne pratique d'attribuer une valeur à une variable avant de démarrer une fonction. Lors de la déclaration de plusieurs variables :

let x;
let y;
let z = 3;
Copier après la connexion

peut être abrégé comme :

let x, y, z=3;
Copier après la connexion

4. L'instruction If

Lors de l'utilisation de if pour un jugement de base, l'affectation peut être omise. .

if (likeJavaScript === true)
Copier après la connexion

est abrégé en :

if (likeJavaScript)
Copier après la connexion

5. Les nombres décimaux

peuvent utiliser la notation scientifique pour remplacer des données plus volumineuses, par exemple, 10000000 peut être abrégé en 1e7. .

for (let i = 0; i <p> est abrégé en : </p><pre class="brush:php;toolbar:false">for (let i = 0; i <h2> 6. Chaîne multiligne </h2><p> Si vous devez écrire une chaîne multiligne dans le code, comme ceci : </p><pre class="brush:php;toolbar:false">const lorem = 'Lorem ipsum dolor sit amet, consectetur\n\t'
    + 'adipisicing elit, sed do eiusmod tempor incididunt\n\t'
    + 'ut labore et dolore magna aliqua. Ut enim ad minim\n\t'
    + 'veniam, quis nostrud exercitation ullamco laboris\n\t'
    + 'nisi ut aliquip ex ea commodo consequat. Duis aute\n\t'
    + 'irure dolor in reprehenderit in voluptate velit esse.\n\t'
Copier après la connexion

Mais il existe un moyen plus simple, en utilisant simplement des guillemets :

const lorem = `Lorem ipsum dolor sit amet, consectetur
    adipisicing elit, sed do eiusmod tempor incididunt
    ut labore et dolore magna aliqua. Ut enim ad minim
    veniam, quis nostrud exercitation ullamco laboris
    nisi ut aliquip ex ea commodo consequat. Duis aute
    irure dolor in reprehenderit in voluptate velit esse.`
Copier après la connexion

Ce qui précède est une introduction complète aux compétences en abréviation que les développeurs JavaScript doivent connaître (partie débutant ), si Si vous souhaitez en savoir plus sur le Tutoriel vidéo JavaScript, veuillez faire attention au site Web PHP chinois.


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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal