Praktisch, eine Zusammenstellung von Methoden zum Schreiben von ES6-Codespezifikationen in der JS-Entwicklung

ES6-Code-Standard-Schreiben ist organisiert, die Verwendung von Anführungszeichen, einzelne Anführungszeichen '' haben Vorrang (wenn es sich nicht um verschachtelte Anführungszeichen handelt, verwenden Sie keine doppelten Anführungszeichen), die Verwendung von Leerzeichen: (nach dem Schlüsselwort). Symbolsatzfunktionszuweisungssymbol =), usw. .

1. Bei der Verwendung von Anführungszeichen haben einfache Anführungszeichen „ ' Vorrang (wenn es sich nicht um verschachtelte Anführungszeichen handelt, verwenden Sie keine doppelten Anführungszeichen)

Normale Situation: console.log(' Hallo.) Konvertierungscode für doppelte Anführungszeichen: $("

")

2. Probleme mit der Verwendung von Leerzeichen: (nach Schlüsselwörtern, nach Symbolen, Zuweisung von Satzfunktionen Symbole =), usw.

　a Funktionsklammern: Funktion Hallo (Name) {} Sehen Sie sich (Parameter) an Die „linken und rechten außerhalb der Klammern“ ( ) haben Leerzeichen und die „linken und rechter Name innerhalb der Klammern“ dürfen keine Leerzeichen enthalten

b Nach dem Schlüsselwort ist ein Leerzeichen erforderlich: if (condition) { ... } Zwischen if und () ist ein Leerzeichen erforderlich

c Zuweisungssymbol = Leerzeichen sind auf beiden Seiten erforderlich: var x = 2 Zuweisungssymbol = Leerzeichen sind auf beiden Seiten erforderlich

　d String-Splicing-Symbol + Leerzeichen sind auf beiden Seiten erforderlich: var message = 'hello, ' + Name + '!' Das +-Zeichen zwischen Konstanten und Variablen, Leerzeichen sind auf beiden Seiten erforderlich

e Komma, kein Leerzeichen davor lassen, am Ende ein Leerzeichen lassen: var list = [ 1, 2, 3, 4] Funktionsbegrüßung (Name, Optionen) { ... } Lassen Sie kein Leerzeichen vor dem Komma und am Ende ein Leerzeichen

3. Peer-Probleme mit verschiedenen Zeilen :

If () {} else {}: } else { In einer Zeile sein　　 //

}else {

Dann sollte diese Variable nicht sein definiert.

5. Verwenden Sie === anstelle von ==. Beim Vergleich von Gleichheiten erfordert == einen weiteren Schritt der Datenkonvertierung, aber wenn Sie sich in der Bedingung if (a!=undefiend) {} ​​​​befinden, a !=undefiend gleichzeitig Es gibt zwei Bedeutungen von a!==undefiend und a!==null (null == undefiniert)

6. Für einige ist es üblich, window zu den Eigenschaften und Methoden von window hinzuzufügen Mit Ausnahme von Ausnahmen müssen Sie kein Fenster hinzufügen: document, navigator. Zum Beispiel: window.alert('hi')

7. Die gleiche Verkettungsmethode ist sehr lang und erfordert Zeilenumbrüche und Einrückungen. Der ternäre Operator in js, die Verkettung in jq usw.

　var location = env.development ? 'localhost' : 'www.api.com' In einer Zeile geschrieben

　var location = env.development

　 ? 'localhost'

: 'www .api.com'

Kontinuierliches Schreiben:

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(' + (radius + margin) + ',' + (radius + margin) + ')')

　.call(tron .led);

8. Kommentarproblem: Es sollte keine große Leerzeile hinter der vorherigen Zeile stehen 🎜>
var value = 'hello world'; >
                                                                       🎜>
　 console.log(value)

　

Mehrzeiliger Kommentar

: (

This Sie können auch den Copyright-Hinweis

)

/**

　　* make() gibt ein neues Element zurück

　　* basierend auf dem übergebenen Tag-Namen

　　*

　　* @param tag

　　* @return Element

　　*/ verwenden. 9. Anfangsfrage: Beginnen Sie nicht mit ( [ ` , hinzufügen vor dem Anfang Nr.

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

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

10. Probleme beim Erstellen von Objekten und Arrays: var item = {}; ohne Verwendung von new Object()

11.

var errorMessage = 'Dies ist ein sehr langer Fehler, der ' +

'wegen Batman ausgelöst wurde.'+

'Wenn Sie innehalten, um darüber nachzudenken ' +

'wie Batman etwas zu tun hatte '+

'damit würdest du nirgendwo hinkommen' +

'schnell.';

Schleife oder mehrfach Zeilen Die Zeichenfolge wird mit der Join-Methode

function inbox(messages) {

　items = []; for(i = 0; i < length; i++) erstellt ) {

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

　}

return'

• '+ items.join( ) + ;

  }

  12. Verwenden Sie parseInt für Zahlen und bringen Sie immer die Basis für die Typkonvertierung mit

  13. Verwenden Sie Boolean() oder !!, um boolesche Werte zu konvertieren; var hasAge = !!age;

  14 a Fügen Sie beim Benennen privater Eigenschaften einen Unterstrich hinzu. Beispiel: this._firstName = 'Panda'; var _firstName = firstName; von commonJS- und es6-Spezifikationen

  Tägliche js-Entwicklungsspezifikationen

  Ähnliche Videos:

  Javascript – Praktischer Videokurs zu ES6 – kostenlos Online-Video-Tutorial

  Das obige ist der detaillierte Inhalt vonPraktisch, eine Zusammenstellung von Methoden zum Schreiben von ES6-Codespezifikationen in der JS-Entwicklung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!