Pratique, une compilation de méthodes d'écriture de spécifications de code ES6 dans le développement js

L'écriture standard du code ES6 est organisée, l'utilisation de guillemets, le guillemet simple ' ' est prioritaire (s'il ne s'agit pas d'un guillemet imbriqué, n'utilisez pas de guillemets doubles), l'utilisation d'espaces : (après le mot-clé symbole d'affectation de fonction de composition de symboles =), etc.

1. Lors de l'utilisation de guillemets simples ' ' sont prioritaires (s'il ne s'agit pas de guillemets imbriqués, n'utilisez pas de guillemets doubles)

Situation normale : console.log(' bonjour') Les guillemets doubles sont convertis Code : $("

")

2. Problèmes d'utilisation des espaces : (après les mots-clés, les symboles, l'affectation des fonctions de composition. symboles = ), etc.

　a Crochets de fonction : function bonjour (nom) {} Regardez (paramètres) Les "gauche et droite en dehors des parenthèses" ( ) ont des espaces, et les "gauche et droite bon nom entre parenthèses" ne pas avoir d'espaces

b Un espace est requis après le mot-clé : if (condition) { ... } Un espace est requis entre if et ()

c Symbole d'affectation = Des espaces sont requis des deux côtés : var x = 2 Symbole d'affectation = Des espaces sont requis des deux côtés

　d Symbole d'épissage de chaîne + Des espaces sont requis des deux côtés : var message = 'bonjour,' + nom + '!' Le signe + entre constantes et variables, des espaces sont obligatoires des deux côtés

e Virgule , ne laissez pas d'espace devant, laissez un espace à la fin : var list = [ 1, 2, 3, 4] function greet (name, options) { ... } Ne laissez pas d'espace devant la virgule et laissez un espace à la fin

3. Problèmes de pairs avec différentes lignes :

If () {} else {}: } else { Pour être sur une seule ligne　　 //

}else {

Alors cette variable ne doit pas être défini.

5. Utilisez === au lieu de ==. Lors de la comparaison égale, == effectuera une étape supplémentaire de conversion des données, mais dans la condition if (a!=undefiend) {} ​​!=undefiend en même temps Il y a une double signification de a!==undefiend et a!==null (null == undefined)

6. Il est d'usage d'ajouter window aux propriétés et méthodes de window . Sauf exceptions, vous n'avez pas besoin d'ajouter de fenêtre : console de documents, navigateur. Par exemple : window.alert('hi')

7. La même méthode de concaténation est très longue et nécessite des sauts de ligne et une indentation. L'opérateur ternaire en js, la concaténation en jq, etc.

　var location = env.development ? > : 'www .api.com'

Écriture continue :

var leds = stage.selectAll('.led')

　.data(data)

　. enter().append('svg:svg')

　.class('led', true)

　.attr('width', (radius + margin) * 2)

　. append('svg :g')

　.attr('transform', 'translate(' + (rayon + marge) + ',' + (rayon + marge) + ')')

　.call(tron .led);

8. Problème de commentaire : il devrait y avoir une ligne vide avec la ligne précédente. De plus, n'ayez pas de grande ligne vide sans raison // Laissez un espace vide après. 🎜>

var value = 'hello world';>                                                                                   🎜>　 console.log(value)

　
Commentaire multiligne
 : (
Ceci Vous pouvez également utiliser l'annotation des informations de copyright
)

/**
　　* make() renvoie un nouvel élément

　　* basé sur le nom de la balise transmis

　　*

　　* @param tag

　　* @return élément

　　*/

9. Question de départ : Ne commencez pas par ( [ ` , ajoutez avant le début No.

　(function () {window.alert('ok')}())

🎜>　;`hello`.indexOf(' o')

10. Problèmes de création d'objets et de tableaux : var item = {} ; sans utiliser new Object() : var arr = []

11.

var errorMessage = 'Il s'agit d'une erreur très longue qui ' +

'a été générée à cause de Batman.'+

'Quand vous arrêtez de penser à ' +

'comment Batman avait quelque chose à voir '+

'avec ça, tu n'irais nulle part' +

'rapidement.';

Boucle ou multiple lignes La chaîne est construite à l'aide de la méthode de jointure

function inbox(messages) {

　items = []

　for(i = 0; i < length; i++; ) {

 items[i] = messages[i].message;

　}

return'

• '+ items.join( ) + ;

  >

  12. Utilisez parseInt pour les nombres et apportez toujours la base pour la conversion de type. 13. Utilisez Boolean() ou !! pour la conversion de valeur booléenne var hasAge = Boolean(age); var hasAge = !!age;

  14. nommer les attributs privés Ajoutez un trait de soulignement_ devant. Par exemple : this._firstName = 'Panda'; var _firstName = firstName> dans l'article constructeur :

  Introduction et export de commonJS; et spécifications es6

  Spécifications quotidiennes de développement js

  Vidéos associées :

  Javascript - Vidéo pratique ES6 Vidéo en ligne gratuite Tutoriel

  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!