1. Etiquetas de cierre autónomo sin usar script
Use etiquetas de cierre autocuidas en el script. Aunque es legal en XHTML, no cumple con las especificaciones HTML y no puede obtener el análisis correcto de algunos navegadores. Utilicé este método justo cuando introduje EXT, lo que hizo que el script no pudiera ejecutarse correctamente.
<script src="example.js"/> --> <script src="example.js"></script>
2. Pon el script delante de </body>
Si coloca el archivo de script en <SEAD>, debe descargar y ejecutar el script antes de mostrar la página, lo que aumenta el tiempo de espera del usuario. Coloque la hoja de estilo en <Art> para evitar que el contenido se muestre de manera anormal. El método general es el siguiente:
<! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> document </title> <link rel = "stylesheet" type = "text/css" href = "theme.css"/> </head> <body> <!-Código HTML-> <Script src = "Ejemplo.js"/> </body> </html>
3. Use el modo estricto dentro de la función
Si usa el modo estricto fuera de la función, puede hacer que la biblioteca de terceros y el código de los colegas no funcionen correctamente. Dentro de la función, solo puede afectar su propio código y no el código de otros.
function myfunction () {"use estrict"; // código de función}4. No omita el punto y coma al final de la declaración
Ningún punto y coma al final del código puede causar fácilmente errores de compresión. Además, en algunos casos, se puede mejorar el rendimiento del código. El intérprete no debe pasar tiempo adivinando dónde insertar semicolones. Otro problema más común es que la inserción automática de semicolones a veces puede cometer errores, por lo que no se recomienda omitir las semicolones.
5. Use VAR para definir variables
Use la palabra clave VAR al definir las variables y todas avanzan al comienzo de la función.
Los beneficios de hacer esto evitarán la creación inconsciente de las variables globales y facilitarán su código.
function myFunction () {var resultado = 10 + valor; valor var = 10; Resultado de retorno;}No hay problema con esta sintaxis de función, pero no es muy intuitivo y no se ajusta a la lógica humana. Sería mejor modificarlo de la siguiente manera:
Funciton myFunction () {Var resultado; valor var; resultado = 10 + valor; valor = 10; resultado de retorno; }Permítanme explicarle que los dos códigos anteriores son equivalentes, y el valor del resultado es nan. JavaScript promoverá todas las declaraciones variables en la función al comienzo de la función. El código 1 se convertirá en el Código 2 cuando se ejecute el código. Cuando se ejecuta para dar como resultado = 10 + valor;, el valor del valor no está definido y se agrega 10 a NAN, y luego el valor se asigna a 10.
Todos deben tener claro los problemas causados por las variables globales, de lo contrario el concepto de espacio de nombres no aparecería.
6. Declare la función primero y luego úsela
Al igual que las declaraciones variables, las declaraciones de funciones también son avanzadas por el motor JavaScript, por lo que en el código, la llamada de la función puede aparecer antes de la declaración de la función. Otra cosa que vale la pena señalar es que las declaraciones de funciones no deberían aparecer en bloques de declaración, como:
if (condición) {function myfunction () {alert ("true"); }} else {function myFunction () {alert ("falso"); }} myFunction ();Cuando ejecutamos el código, descubrimos que la salida estará relacionada con el navegador. So produce verdadero en Chrome 51 y Firefox 46, y falso en IE 10. Así que trate de evitar declarar funciones en los bloques de declaración.
7. Use typeOf subfined nulo con precaución
NULL es un valor especial, que a menudo estamos confundidos con indefinido. Los siguientes escenarios deben usar NULL:
NULL no debe usarse en las siguientes situaciones:
La mejor manera de entender NULL es usarlo como marcador de posición para el objeto. La razón por la que a menudo confundimos nulas y indefinidas es que creemos que NULL e indefinidos son variables que no se inicializan, pero solo undefined significa que una variable no se ha inicializado, y NULL significa que se inicializa como un objeto. Mira el siguiente código:
VAR Persona; console.log (typyOf Person); //undefinedconsole.log(typeof foo); // una casa undefinedvar = null; console.log (typyOf House); //objeto
Por lo tanto, trate de no usar TypeOf para determinar si la variable se inicializa. No puede estar seguro de si la variable no existe o la variable no se inicializa. Revolver nulo tampoco está seguro de si la variable se ha asignado correctamente, así que tenga cuidado de usar typeOf.
8. Tenga cuidado con el tipo de número
Creo que todos saben que los integers de JavaScript apoyan los valores literales decimales, octales y hexadecimales. Si el valor numérico en el valor literal excede el rango en Octal, se ignorará el cero líder y el valor numérico posterior se analizará como decimal.
console.log(012); //10
console.lgo (082); // 82
Si Octal y Hexadecimal se usan para decimales, habrá un error de sintaxis. Otro punto es que los literales octales no son válidos en modo estricto. Todos conocen el problema de los errores de cálculo de puntos flotantes. Esto es cierto para todos los cálculos de puntos flotantes basados en los valores de IEEE754, por lo que nunca pruebe un valor de punto flotante específico.
Hay un valor especial en el tipo numérico, Nan (no un número), que se utiliza para indicar que el valor debería haber sido devuelto pero no es el tipo numérico. Nan y cualquier valor no son iguales, incluida la propia Nan. Podemos usar la función ISNAN () para probar.
9. Asignación dinámica utilizando operaciones lógicas
Lo que prefieres
Var Person = {Age: 10} Var condición; var myvar = condición && persona; alerta (myvar)Si la condición se convierte a tipo booleano falso, entonces myVar = condición, si es verdadero, entonces myvar = persona.
Var Person = {Age: 10} Var Condición; var myvar = condición || persona; alerta (myvar)Si la condición se convierte en booleano y verdadero, entonces myVar = condición, si falsa, entonces myvar = persona.
10. No use la declaración con la declaración
Una razón importante para no usarlo es que en modo estricto la sintaxis misma deshabilita la declaración con la declaración, que también muestra que el comité Ecmascript está convencido de que no se debe usar. Veamos el siguiente ejemplo:
Var Book = {Título: "JavaScript mantenible", autor: "Nicholas C. Zakas"}; var Message = "El libro es"; con (libro) {Mensaje += Title; mensaje + = "por" + autor;}El problema con el código anterior es que es difícil para nosotros distinguir la ubicación donde aparecen el título y el autor, y también es difícil distinguir una variable local para abordar el mensaje o una propiedad de un libro. Además, el motor JavaScript y las herramientas de compresión no pueden optimizar este código, por lo que no pueden adivinar el significado correcto del código.
De acuerdo, ya hay diez elementos, veamos los próximos diez.