Procedure consigliate JavaScript

Question

Questo è in qualche modo correlato a this question, ma non sto chiedendo risorse sulle best practice in JavaScript, ma i tuoi consigli effettivi.

Inizierò con la mia lista personale. Puoi inviare una risposta o modificare direttamente la domanda se sei sicuro che il consiglio non sia controverso.

Qui andiamo:

• utilizzare sempre var
• capitalizzare nomi delle funzioni costruttore - e nient'altro
• uso === per il confronto
• uso cast espliciti per le primitive, per esempio Number(), String(), Boolean()
• controllo per i tipi primitivi con typeof
• controllo per tipi di oggetti con instanceof

• controllo per incasso tipi di oggetti con Object.prototype.toString() per evitare problemi tra frame, ad esempio

  Object.prototype.toString.call(obj) === '[object Array]' 
  

• controllo this nei costruttori, per esempio

  function MyObject() { 
      if(!(this instanceof arguments.callee)) 
       throw new Error('constructor called with invalid `this`'); 
      // [...] 
  } 
  

• uso funzioni anonime per namespacing di non inquinare l'ambito globale, ad esempio

  (function() { 
      var noGlobalVar = 'foo'; 
      // [...] 
  })(); 
  

• controllo hasOwnProperty() in for..in loop - non impegna che nessuno pasticciato con i prototipi

• non utilizzare for..in loop per scorrere gli elementi di matrici o oggetti array come

Answer 1

utilizzare i cast espliciti per le primitive, ad es. Number(), String(), booleano()

Davvero? Evito quelli come la peste. Cosa ne pensi?

Answer 2

Non immischiarsi con i tipi di anima. Non attaccare mai qualcosa su Array.prototype - non sai chi altri lo sta facendo e come queste cose potrebbero interagire.

Controllare solo i tipi espliciti quando è importante. Duck typing è un buon concetto.

Desidero in secondo luogo utilizzare le funzioni anonime per evitare l'inquinamento dello scopo globale. Soprattutto quando si lavora molto con jQuery, come faccio io, è davvero utile per utilizzare un modello come questo:

(function($) { 
    /* Lots of code */ 
})(jQuery); 

Answer 3

Questo vale per tutte le lingue in generale:

Evitare profondità di nidificazione, è inaccettabile e molto difficile da leggere.Esistono alcune tecniche, ad esempio nei cicli, è possibile eseguire una prima iterazione break o continue invece di racchiudere tutto all'interno di una if.

Answer 4

utilizzare sempre jslint.

All'inizio è un po 'frustrante, ma è vantaggioso.

Jslint ti dirà se interrompi una o più delle "migliori pratiche".

Considerare inoltre l'utilizzo di IDE che supporta jslint. Posso consigliare WebStorm o Sublime Text 2 (questi 2 ho provato me stesso e supportano jslint molto bene).