Siete precauciones para el aprendizaje de JavaScript [debe leer]

Descripción del conocimiento:

Al aprender JavaScript, preste atención a los siguientes siete detalles para facilitar nuestro código de entender y más eficiente al implementar la misma función.

1. Simplifique el código

Por ejemplo: crear un objeto

Era así antes:

Var car = new Object ();

Car.color = "rojo";

Coche.wheels = 4;

Coche.age = 8;

Y ahora se puede escribir así:

Var car = {color: 'rojo', ruedas: 4, edad: 8}

Por ejemplo: crear una matriz

Era así antes:

Var studentArray = new Array ('zhangsan', 'lisi', 'zhaowu', 'wuliu');

Y ahora se puede escribir así:

Var studentArray = {'zhangsan', 'lisi', 'zhaowu', 'wuliu'};

Por ejemplo: simplificar el código usando operadores ternarios

El método de escritura anterior fue:

 Resultado var; if (x> 100) {resultado = 1;} else {result = -1;}

Y ahora se puede escribir como:

¿Resultado var = x> 100? 1: -1;

2. Use JSON como formato de datos

Use el formato JSON para almacenar datos:

 var band = { "name":"The Red Hot Chili Peppers", "members":[ { "name":"Anthony Kiedis", "role":"lead vocals" }, { "name":"Michael 'Flea' Balzary", "role":"bass guitar, trumpet, backing vocals" }, { "name":"Chad Smith", "role":"drums,percussion" }, {"Nombre": "John Frusciante", "rol": "guitarra principal"}], "año": "2009"}

También puede usar JS para almacenar datos, el código es el siguiente:

 <div id = "datadiv"> </div> <script> function saveData (data) {var out = "<ul>"; Para (var i = 0; i <data.length; i ++) {out+= "<li> <a href =" '+data [i] .Url+' ">+data [i] .d+<a> </li>";} out+= '</ul>'; document.getElementById ('datadiv'). Innerhtml

Incluso puede usar los datos de almacenamiento generados por JS arriba como el valor de retorno de la API

<script src = "http://feeds.delicious.com/v2/json/codepo8/javascript?count=15&callback=delicious">

</script>

3. Intenta usar funciones nativas de JavaScript

Por ejemplo: obtenga el valor máximo en un conjunto de datos

var maxData = Math.max (0,20,50,10);

alerta (maxData); // El máximo devuelto es 50

Por ejemplo: use JS para agregar estilo de clase a un elemento, el fragmento de código es el siguiente:

 Función addClass (Elm, newClass) {var classes = elm.classname.split (''); Classes.push (newclass); Elm.classname = classes.Join ('');}

4. Confiado del evento

Por ejemplo:

 <h2> Grandes recursos web </h2> <ul id = "recursos"> <li> <a href = "http://opera.com/wsc"> Opera Web StandardsCurriculum </a> </li> <li> <a href = "http://sitePoint.com"> SitePoint </a> </li> <a href = "http://alistapart.com"> una lista aparte </a> </li> <li> <a href = "http://yuiblog.com"> yui blog </a> </li> <li> href = "http://oddlyspecific.com"> extrañamente específico </a> </li> </ul>

La mejor manera de escribir guiones:

 (function () {var recursos = document.getElementById ('Resources'); Resources.AdDeventListener ('Click', Handler, False); Function Handler (e) {var x = e.target; // Obtener el enlace Tha if (x.nodename.tolowercase () === 'a') {alerta ('Event Delegation:' + X); E.PreVeVentCase () === 'A') };}) ();

V. Funciones anónimas

 var myApplication = function () {var name = 'Chris'; var age = '34'; estado var = 'sencillo'; function createMember () {// [...]} function getMemberDetails () {// [...]} return {create: createMember, get: getMemberDetails}} (); // myApplication.get () y myapplication.create () ahora funciona.

6. El código se puede configurar

Si el código que escribe quiere que sea más fácil para otros usar o modificar, debe ser configurable. La solución es agregar un objeto de configuración al script que escribe. Los puntos clave son los siguientes:

1. Agregue un nuevo objeto llamado configuración a su script.

2. Almacene todas las cosas que otras personas pueden querer cambiar en el objeto de configuración, como la ID de CSS, el nombre de clase, el idioma, etc.

3. Devuelva este objeto como una propiedad pública para que otros puedan reescribirlo.

7. Compatibilidad del código

La compatibilidad es una parte que es probable que los principiantes ignoren. Por lo general, al aprender JavaScript, se prueban en un navegador fijo, y es probable que este navegador sea, lo que es muy fatal, porque entre los principales navegadores convencionales, es decir, tiene el peor apoyo para los estándares. El resultado que ven los usuarios finales es que el código que escribió no se ejecuta correctamente en un navegador. Debe probar su código en los navegadores convencionales, lo que puede llevar mucho tiempo, pero debe hacerlo.

Las siete precauciones anteriores para el aprendizaje de JavaScript [imprescindible] son todo el contenido que comparto con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.