Description des connaissances:
Lorsque vous apprenez JavaScript, faites attention aux sept détails suivants pour rendre notre code plus facile à comprendre et plus efficace lors de la mise en œuvre de la même fonction.
1. Simplifiez le code
Par exemple: créer un objet
C'était comme ça avant:
Var car = nouveau objet ();
Car.color = «rouge»;
Car.Wheels = 4;
Car.age = 8;
Et maintenant, il peut être écrit comme ceci:
Var car = {couleur: 'rouge', roues: 4, âge: 8}
Par exemple: créer un tableau
C'était comme ça avant:
Var étudiantArray = new Array ('Zhangsan', 'lisi', 'zhaowu', 'wuliu');
Et maintenant, il peut être écrit comme ceci:
Var étudiantArray = {'zhangsan', 'lisi', 'zhaowu', 'wuliu'};
Par exemple: simplifiez le code à l'aide d'opérateurs ternaires
La méthode d'écriture précédente était:
Var Result; if (x> 100) {result = 1;} else {result = -1;}Et maintenant, il peut être écrit comme:
Var result = x> 100? 1: -1;
2. Utilisez JSON comme format de données
Utilisez le format JSON pour stocker les données:
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" }, {"name": "John Frussicite", "Rôle": "guitare principale"}], "année": "2009"}Vous pouvez également utiliser JS pour stocker les données, le code est le suivant:
<div id = "datadiv"> </div> <script> function savedata (data) {var out = "<ul>"; Pour (var i = 0; i <data.length; i ++) {out + = "<li> <a href =" '+ data [i] .url +' "> + data [i] .d + </a> </li>";} out + = '</ul>'; document.getElementyid ('datadiv').Vous pouvez même utiliser les données de stockage générées par JS ci-dessus comme valeur de retour de l'API
<script src = "http://feeds.decious.com/v2/json/codepo8/javascript?count=15&callback=decious">
</cript>
3. Essayez d'utiliser des fonctions natives JavaScript
Par exemple: obtenir la valeur maximale dans un ensemble de données
var maxdata = math.max (0,20,50,10);
alerte (maxdata); // le maximum retourné est 50
Par exemple: utilisez JS pour ajouter du style de classe à un élément, l'extrait de code est le suivant:
Fonction addClass (elm, newclass) {var classes = elm.classname.split (''); Classes.push (newClass); Elm.className = Classes.Join ('');}4. Décitation de l'événement
Par exemple:
<h2> Great Web Resources </h2> <ul id = "Resources"> <li> <a href = "http://opera.com/wsc"> opéra web standardscurriculum </a> </li> <li> <a href = "http://sitepoint.com"> SiTepoint </a> </li> <li> <a href = "http://alistapart.com"> Une liste à part </a> </li> <li> <a href = "http://yuiblog.com"> yui blog </a> </li> <li> <a href = "http://blameitonthevoices.com"> Blame it sur les VOICES </a> href = "http://oddlyspecific.com"> étrangement spécifique </a> </li> </ul>
Meilleure façon d'écrire des scripts:
(function () {var ressources = document.getElementById ('Resources'); Resources.AddeventListener ('click', Handler, false); Fonction Handler (e) {var x = e.target; // Obtenez le lien tha if (x.nodename.tolowercase () === 'a') {alert ('Event Delégation:' + x); E.PreventDault (); };}) ();V. fonctions anonymes
var myApplication = function () {var name = 'chris'; var age = '34'; var status = 'single'; fonction CreateMember () {// [...]} fonction getMemberDetails () {// [...]} return {Create: CreateMember, get: getMemberDetails}} (); // myapplication.get () et myapplication.create () maintenant.6. Le code peut être configuré
Si le code que vous écrivez souhaite faciliter l'utilisation ou la modification des autres, il doit être configurable. La solution consiste à ajouter un objet de configuration au script que vous écrivez. Les points clés sont les suivants:
1. Ajoutez un nouvel objet appelé configuration à votre script.
2. Stockez toutes choses que les autres peuvent vouloir changer dans l'objet de configuration, comme l'ID CSS, le nom de classe, la langue, etc.
3. Renvoyez cet objet en tant que propriété publique afin que d'autres puissent le réécrire.
7. Compatibilité du code
La compatibilité fait partie que les débutants sont susceptibles d'ignorer. Habituellement, lors de l'apprentissage de JavaScript, ils sont testés dans un navigateur fixe, et ce navigateur est probablement IE, ce qui est très fatal, car parmi les principaux navigateurs grand public, c'est-à-dire le pire soutien aux normes. Le résultat que les utilisateurs finaux voient est que le code que vous avez écrit ne s'exécute pas correctement dans un navigateur. Vous devez tester votre code dans les navigateurs grand public, ce qui peut prendre du temps, mais vous devez le faire.
Les sept précautions ci-dessus pour apprendre JavaScript [incontournable] sont tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.