zenuwgas in de wereld, in de wereld van de deb.js: de kleinste,,,,,,,,,,, 170, aandelen, 65,,,,,,, de delen van het netwerk, maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' niet missen.,, we als de ontwikkeling van personeel, de code.En nu hebben we het niet alleen over ons schrijven, ook als de code controleren.We spenderen veel tijd, veel energie gestoken in de programma 's, om ervoor te zorgen dat we kunnen doen wat ze moeten doen.Dit proces is vaak pijnlijk.Met name als we niet het juiste gereedschap.Om dit probleem op te lossen, vandaag is het deb.js, kleine javascript, om je te helpen bij het opzetten van de browser.,,, bijvoorbeeld, het creëren van een eenvoudig, laten we beginnen met een interactieve javascript pagina 's.We creëren een vorm van twee gebieden en een knop.Als de gebruiker op de knop, en we zullen de verzamelde gegevens, en de output van een boodschap in de console.Hier is pagina 's, etikettering, < vorm:% GT% < etikettering > naam: < /etiket > < input vormen voor de tekst "naam" naam "/> < etikettering > adres: < /etiket > < input vormen voor de tekst" naam adres /> < input - type = "knop." geregistreerd "/> < /vorm > < die gegevens =" output "> < /div > dat, ter vereenvoudiging van het gebruik van de DOM, we zullen vliegen en de keuze van de gebeurtenissen.We zullen in de volgende modules: de functie van reactive Power module = (,, het verzamelen van gegevens: de functie (CB) {VAR naam = $("[]" naam "naam") (adres); var. Val = USD ("[naam] =" pakken "val"). (); als (de naam.= "en versterker; adres!= ") {CB (nietig, {naam: naam, adres: adres} {}); anders CB ({mononatriumglutamaat: de ontbrekende gegevens"});}}, fout: functie (EDR) {% ("[data - element =" output "]". (...). Mononatriumglutamaat);}, succes: functie (gegevens) {% ("[data - element =" output "]"). ("hallo" + data.name + "!");}},,, het verzamelen van gegevens, op het gebied van de functie van het verwerven van de waarde en de controles van de gebruiker.Zo niet, dan is het een voorwerp bevat een korte onjuiste informatie voor de auditie.Als alles goed is, het antwoord, de lucht, als de eerste parameter en een ander doel, om de gegevens.Het gebruik van de modules van de ontwikkeling van het personeel, moet worden onderzocht of er een fout door.Indien er geen gebruik van secundaire parameters te ontvangen.Bijvoorbeeld: $(",, [waarde =" geregistreerd "] ("), de klik geluiden gehoord, functie) (module. Het verzamelen van gegevens (functie (- data) {als (type uh = = = = = = = = "doel") (module. De fout (EDR);} {module (gegevens van het succes of de {}).;);});,, dus, we controleren de, uh, de parameters is een object, als dat zo is, dan is onze boodschap.Als we de code goed, zullen we zien dat de problemen, laten we eens kijken naar alle werken:,,,,, wanneer de gegevens niet het script, ons werk verwacht.Een ontbrekende gegevens, tekst is weergegeven in de tabel hieronder.Als we echter nog iets aan toevoegen in de gebieden en de druk op de knop, krijgen we de lijst niet kunnen lezen, vangen: eigendom "MSG", de boodschap is leeg.Nu, laten we jagen op deze fout, en het schrappen van het. Dat de traditionele methoden van Google uitstekende instrumenten om deze problemen op te lossen.We kunnen op een uitzondering, en dat het volgen van de stapel.We kunnen zelfs naar nauwkeurige plaatsen, de fouten, het ziet er uit als de verkeerde methode van de modules, we hebben iets, het is leeg.Natuurlijk, zonder een eigenschap is, mononatriumglutamaat,.Dit is de browser gegooid om de verkeerde redenen.Alleen een plek, op de verkeerde, functie wordt genoemd.Laten we een breekpunt, kijk eens wat er is gebeurd:,,, en het lijkt erop dat we de juiste gegevens hebben ontvangen, het voorwerp en de fouten, is gelijk aan, leeg, het is het juiste om te doen.Dus, het probleem is dat op een bepaalde plaats, als de voorwaarden.Laten we nog een console. Log, kijken of we in de juiste richting:,, modules, functie (UH, het verzamelen van gegevens (gegevens) {console logboek (type EDR); als (type uh = = = "doel") (module. De fout (EDR);} {andere modules (succes. Gegevens);}}); en, inderdaad, het verkeerde soort object, terug.Dit is de reden waarom we altijd fout,,,,,, kijk, we hebben problemen.Als we de verandering, als, een verklaring als (fouten), ons kleine experiment zal werken, zoals verwacht.Deze aanpak echter soms moeilijk rekening worden gehouden met de volgende punten:, zoals we hebben gezien, zijn we aan het einde van een logboek.Dus, een breekpunt is niet genoeg.We moeten naar de console.Tegelijkertijd zullen we kijken naar onze code... En een browser test panel.Dit zijn verschillende werkplekken, die beide is vervelend, als we een groot aantal gegevens geregistreerd in de console, en ook dat is een probleem.Soms is het moeilijk om de vereiste informatie, als we er een van deze methode zal ons niet helpen.Meestal moeten we weten is de uitvoering van de tijd, en in de looptijd van het STOP - programma en het controleren van de staat is van onschatbare waarde, maar er is geen chroom weten we wat om naar uit te kijken.Want in ons voorbeeld is gebeurd, en we moeten de verdubbeling van het aantal controles, als de voorwaarden.Als we een van onze code rechtstreeks toegankelijk instrument, maar het zou beter zijn?Een soortgelijke informatie met de bibliotheek, maar in de console in leven?Nou, deb.js kan het antwoord op deze vraag.,,, met deb.js, deb.js is een kleine javascript 1,5 bytes, na de toezending van informatie aan de console.Het kan worden aangesloten op de van elke functie en een afdruk van de uitvoering:,, de functie van de tijd en de plaats, Stack volgen, en de groepering, formattering,,, laten we eens kijken naar ons voorbeeld lijkt, als we met deb js:,,,,, weer zien we de exacte parameters en de stapel te volgen.Echter, gezien de veranderingen in de console.Ons werk, we hebben een code, vinden de problemen kunnen en ADD. Deb (), de omschrijving van de functie.Gezien de aard van de vergissing, de is, is die goed functioneren.Dus, we hoeven niet te zoeken.De groep en ook foto 's.We moeten elke functie beter kan gebruik maken van de verschillende kleuren te drukken.Laten we nu de amendementen van onze fouten en een andere, deb (), denk je,,,,,, we hebben nu twee functies.We kunnen gemakkelijk zeggen ze, omdat ze er in verschillende kleuren.We zien hun input -, output - en het tijdschema voor de tenuitvoerlegging.Als er, console. Log, verslag, waar zullen we de functie, om ze te zien.Er is zelfs een keuze uit de beschrijving van de erkenning, op een beter functioneren. En we gebruiken, economische, nee, DEB.Dit is dezelfde functie, maar de produktie is ingestort.Als u begint met het gebruik van deb.js, snel zul je niet alles wilde zien hoe deb.js.,,, het oorspronkelijke idee van Remy scherp in de blog vinden, console. Log, gebeurt.Hij zei dat we tot een nieuwe fouten, en daar krijgt de stapel volgen:,, ['log "," waarschuwing "]. Voor de functies (methoden) {var de oude = console [methode; de console [] = (() {VAR Stack = (nieuwe) ()). De stapel split (/- n.; ////////) chroom, met inbegrip van een enkele" fout ", als het niet als de stapel [0]. (ten onrechte) = = = = = = = = = 0) {Stack. Tabletten (1) = [...] sprake;} var. Een deel van de.Concat ((parameters). [1], [...]. Knippen ()); ook de oude. Van toepassing (console, sprake);};)), in de oorspronkelijke gierst, na de blog gevonden.Als we deze ontwikkeling in de Node.js milieu bijzonder nuttig is.Dus, in de handen van de stapel volgen, ik op de een of andere manier moet injecteren in het begin en het einde van de functie van de code.Het is als in de berekening van de eigenschappen van de vormen van gebruik van as, uit mijn hoofd.Dit is een goede methode voor de reparatie van de oorspronkelijke functie.Bijvoorbeeld:,, function.prototype.awesome = (() {var primaire = de; terug naar functie) (console logboek (voorheen); var = - sprake. Het prototype. In stukken gesneden. Telefoon (parameters 0); var res = (de oorspronkelijke aanvraag, sprake); consoles. Log ("'); naar Het reservoir;}} var = functie (waarde) {terugkeer waarde * 2;}.' geweldig '(); de console log (iets (42);,,,, in onze pleister op de functie van de oorspronkelijke trefwoorden.We kunnen later wel rennen, en dat is precies wat we nodig hebben, want we kunnen volgen in het kader van de uitvoering van voor en na.Maar, we gaan terug naar onze eigen functie, als een agent.We gebruiken. Voor de toepassing van dit kader, met het oog op het behoud van, sprake) en de overdracht van gegevens.Godzijdank, Remy tips, kunnen we een stapel volgen.De rest, deb.js, dat is decoratie.Sommige browser, steunt de console.group,, console.groupend, het helpen van een vastgelegde verschijning.Zelfs voor ons beschrijven de verschillende kleuren van de capaciteit van de gedrukte informatie, en ik denk dat het gebruik van goede instrumenten en gereedschap.De ontwikkeling van intelligente instrumenten browser is de intelligente mensen soms, maar we hebben iets meer nodig.Deb.js als een kleine nut en de inbedrijfstelling in geslaagd mij te helpen.Natuurlijk, het is open.Houd me op de hoogte van je probleem of een verzoek dat. Bedankt voor het lezen.