1. Reglas de incrustación
Los programas de JavaScript deben colocarse en archivos .js tanto como sea posible. Cuando necesite llamarlos, debe incluirlos en forma de <script src = "filename.js"> en la página. Si el código JavaScript no está dedicado a la página, intente evitar escribir el código JavaScript directamente en la página.
2. Alinear la sangría y la ruptura de la línea
a) sangría
El mismo estándar de sangría debe adoptarse en el mismo sistema. Este artículo aboga por que el tamaño de la sangría es de 4 espacios. Cada compilador define diferentes tamaños en blanco para las teclas de pestaña. Se recomienda restablecer las teclas de acceso directo en el editor a 4 espacios al configurar el entorno de desarrollo. La mayoría de los compiladores proporcionan esta característica. De lo contrario, se recomienda presionar 4 espacios para sangrar.
b) Break de línea
Los descansos de línea deben ser:
Después de que termina cada declaración independiente;
Si, de lo contrario, atrapa, finalmente, mientras antes de palabras clave como palabras clave;
Cuando un operador rompe una línea, el operador debe estar al comienzo de la nueva línea.
Para los descansos de línea que ocurren cuando una longitud de línea única excede el límite, separe la política de referencia en la longitud de la línea.
1). La cadena es demasiado larga y truncada
Cada línea de código debe tener menos de 80 caracteres. Si el código es largo, intente romper la línea. La nueva línea debe seleccionarse después del operador y el signo de puntuación, preferiblemente después del punto y coma ";"; o coma ",". La siguiente línea de código está sangrada por 4 espacios en relación con la línea anterior. Esto puede evitar efectivamente los errores faltantes del código causados por la copia y mejorar la legibilidad.
Truncar la cadena por cierta longitud y use el operador + para concatenar. Trate de realizar semánticas tanto como sea posible, como no romper un sustantivo completo. En particular, para el empalme de fragmentos HTML, la misma estructura que HTML se mantiene mediante sangría:
También puede usar matrices para empalmarlo, lo cual es más fácil ajustar la sangría que las operaciones +:
2). El operador ternario es demasiado largo
El operador ternario consta de 3 partes, por lo que sus pausas de línea deben formar 3 situaciones diferentes de acuerdo con la longitud de cada parte:
No ocurrirán las siguientes situaciones:
3). Combinación de condición lógica excesivamente larga
Cuando 80 caracteres no pueden satisfacer las necesidades debido a la compleja combinación de condiciones lógicas, cada condición debe colocarse independientemente de una línea, y el operador lógico debe colocarse al comienzo de la línea para la separación, o parte de la lógica debe separarse mediante combinación lógica. Finalmente, coloque los soportes de cierre) y los soportes de apertura {en una línea independiente para garantizar que la declaración bloquee con el IF se pueda identificar fácilmente visualmente. como:
4). Excesivamente largo json y matriz
Si hay muchas propiedades de objetos, lo que hace que cada propiedad ocupe demasiado espacio, puede organizarse por semántica o lógica, como:
A través de 5 grupos de grupos, cada fila se controla dentro de un rango razonable y está segmentado lógicamente. Para matrices con más proyectos, también se puede utilizar el mismo método, como:
5).
Si la ejecución de la expresión se usa como valor de retorno, coloque la expresión y regrese en la misma línea para evitar que la nueva línea se malinterpreta como el final de la declaración y cause un error de retorno. Si no se devuelve ninguna expresión después de la palabra clave de retorno, se devolverá undefined. El valor de retorno predeterminado del constructor es este.
Ejemplo:
3. Naming
Los métodos de nombres generalmente tienen las siguientes categorías:
a). Descripción de la nomenclatura
1). Nomenclatura de cámaras, como esta
2). Nomenclatura de Pascal, como esta
3). Subraye la nomenclatura, como this_is_an_apple ・
4). La nomenclatura de la marca media es como esta es una manzana
Dependiendo de los diferentes tipos de contenido, la siguiente nomenclatura debe adoptarse estrictamente:
b). Nombre variable: se debe utilizar la nomenclatura de camello
do). Nombre del parámetro: se debe usar la nomenclatura de camello
d). Nombre de la función: se debe usar la nomenclatura de camello
mi). Método/Propiedad: se debe utilizar la nomenclatura de camello
f) .Private (protegido) Miembro: debe ser subrayado
gramo). Nombre constante: Se debe utilizar toda la nomenclatura de capital de capital, como IS_DEBUG_ENABLED
h). Nombre de clase: se debe usar la nomenclatura de Pascal
i). Nombre de enumeración: se debe usar la nomenclatura de Pascal
j). Propiedades de enumeración: la nomenclatura inferior debe usarse en todas las capitales
k). Espacio de nombres: se debe usar la nomenclatura de camello
l) .Manticics: Nombrar también requiere atención a la semántica, como:
Los sustantivos deben usarse para nombres variables;
El tipo booleano debe comenzar con IS, tiene, etc. para indicar su tipo; ・
Los nombres de las funciones deben usar frases de objeto verbo;
Los nombres de clases deben hacerse con sustantivos.
4. Comentarios
Los comentarios deben ser lo más simples posible y claros posible. Centrarse en el significado de los comentarios y anotar las partes menos intuitivas:
(Por supuesto, no se recomienda esta práctica de definir directamente un montón de variables globales)
Además, los comentarios de JavaScript tienen dos tipos de "//" y "/ * ...... */". Se recomienda que "//" se use como línea de comentarios de código, y la forma "/ * .... */" se usa como cancelación de todo el segmento de código, o en declaraciones más formales, como descripciones de parámetros de función, funciones, funciones de archivos, etc.
Además: al copiar y pegar, debe prestar atención a si los comentarios corresponden al código.
5. Declaración
1). Declaración variable
Aunque el lenguaje JavaScript no requiere declaraciones variables antes de que se usen. Pero aún deberíamos desarrollar este buen hábito. Esto hace que sea más fácil detectar variables no declaradas, evitar que se vuelvan ocultas variables globales y causando peligros ocultos.
Al comienzo de la función, primero debe usar la palabra clave VAR para declarar las variables locales que se utilizarán en la función, comentan las funciones y los significados representativos de las variables, y deben ordenarse alfabéticamente. Cada variable toma una sola línea para agregar comentarios. Esto se debe a que solo la {} de la función en JavaScript indica el alcance, las variables locales declaradas con la palabra clave VAR solo son válidas dentro de la función, mientras que las variables no declaradas por VAR se consideran variables globales. Ejemplo:
Hay una diferencia entre la valuea variable declarada con VAR y el valor variable B declarado sin declararse. Es particularmente importante tener en cuenta que la variable declarada con VAR dentro de la función es una variable local, que puede evitar efectivamente errores causados por el mismo nombre que la variable local y la variable global.
2). Declaración de funciones
Las funciones también deben declararse antes de llamar, y las funciones internas deben declararse después de declaraciones VAR que declaran variables internas, lo que puede indicar claramente el alcance de las variables internas y las funciones internas.
Además, debe haber un espacio entre el nombre de la función inmediatamente entre el soporte izquierdo '(', y el soporte de cierre ')' y el siguiente '{' para mostrar claramente el nombre de la función con su parte del parámetro y el comienzo del cuerpo de la función. Si la función es una función anónima/sin nombre, deje un espacio entre la palabra clave de la función y el soporte de apertura '(', de lo contrario, puede confundirse con el nombre de la función de la función.
Ejemplo de declaración de función interna:
A partir de la salida del ejemplo anterior, se puede ver que la función INF () solo entra en efecto dentro de la función OUTF (), y la inintería variable local entra en vigencia en el alcance de la función interna. Este método de codificación deja el alcance de las variables y las funciones claras.