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'). InnerhtmlIncluso 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.