Lucrul cu obiecte în JavaScript: teorie și practică. Obiecte JavaScript în exemple. Verificarea existentei proprietatilor

Pe cele de top ale mele proiecte de informare Mai întâi, un specialist în subiect întocmește structura articolului (titluri și subtitluri), iar apoi redactorii scriu textul pe baza acestora.

Structura este de fapt foarte importantă dacă îți pasă de calitate. Și pentru a crea o structură normală, trebuie să înțelegeți cum funcționează etichetele h.

h1 este subtitlul principal dintr-un articol, de obicei plasat deasupra textului.

Primul titlu ar trebui să fie vizual mai mare decât celelalte titluri de pe pagină.

h2-h6 sunt mici subpoziții care sunt plasate după principiul cuibării.

Pentru ce sunt chiar și anteturile?

Pentru cei care nu sunt foarte familiarizați cu subiectul, iată, în principiu, un video bun despre elementele de bază ale compunerii subtitlurilor h1-h6. Dacă nu te consideri un expert, aruncă o privire:

Și pentru a consolida materialul, un videoclip puțin mai slab:

Titlurile sunt concepute pentru a evidenția într-o singură frază sau chiar un cuvânt esența principală, ideea textului următor. De obicei, o persoană își îndreaptă atenția spre ei mai întâi, hotărând dacă să citească restul materialului. Titlurile sunt deosebit de importante în texte publicitare, scrisori și servesc ca instrument principal pentru a atrage atenția publicului țintă.

În cod, eticheta arată astfel:

, unde litera h provine de la cuvântul „antet”, care înseamnă „antet”. Fiecare nivel este indicat de un număr corespunzător.

H-etichete prin ochii oamenilor

Textul împărțit în subtitluri arată mai bine și este mai ușor de citit. Utilizator modern Am învățat de mult să scanez articole în doar câteva secunde și să trag rapid concluzii despre dacă merită să citesc întregul text, dacă conține asta informatii utile pe care o caută. Titlurile atrag atenția, evidențiind principalul lucru și oferind utilizatorului posibilitatea de a analiza materialul.

Etichetele h1, h2, h3, h4, h5, h6 vă permit să creați un fel de hartă pentru cititor, cu ajutorul căreia acesta poate naviga rapid în text. Și dacă aceste momente evidențiate reușesc să atragă atenția, atunci persoana va zăbovi pe pagină și probabil va citi întregul articol. Puteți verifica rezultatul prin factori comportamentali. Dacă oamenii rămân pe pagină și fac unele acțiuni, înseamnă că munca SEO nu a fost făcută în zadar.

H-tag-uri prin ochii motoarelor de căutare

Roboții de căutare colectează informații de la ei analiza semantică. Nivelurile de titlu h1, h2, h3 sunt de o importanță deosebită pentru roboți. Aplicarea lor inconsecventă sau incorectă poate afecta negativ clasarea paginii. Dacă nu există etichete h în codul HTML, atunci site-ul va avea dificultăți de promovare. Nivelurile h4, h5, h6 sunt mai puțin semnificative.

Ierarhia etichetelor H

Regula principală în aranjarea titlurilor este ierarhia acestora. Nu este necesar ca etichetele să se succedă între ele ca mărime, dar este inacceptabil să folosiți, de exemplu, h3 în text dacă nu aveți meta h2 nicăieri, sau să folosiți h6 fără h5.

Iată cum arată ierarhia cu imbricarea corectă:

Ce este o etichetă h1?

Eticheta h1 este cuprinsul textului (cum ar fi titlul unei cărți sau titlul unui articol de ziar).

Fiecare pagină ar trebui să aibă o singură etichetă h1.

În ceea ce privește atractivitatea pentru utilizator, este de o importanță primordială. Dar pentru promovarea SEO, .

Titlul este și un titlu, dar este scris nu numai pentru oameni, ci și pentru roboți. Nu este afișat pe pagina în sine, ci doar în fila browser și în fragmentul ca link activ către site-ul web. De fapt, titlul este o alternativă, dar titlul principal pentru un document HTML. Dacă lipsește, atunci motorul de căutare ia ca bază h1 și îl folosește în secera.

De ce ar trebui h1 să fie diferit de Titlu?

Este destul de important să înțelegeți că h1 și Titlu sunt titluri diferite. Și, în consecință, acestea trebuie să fie combinate cu pricepere. Iată elementele de bază ale acestui subiect:

Neglijarea regulilor de unicitate și relevanță a titlurilor poate duce la ca site-ul să cadă sub filtru. În ultima vreme motoarele de căutare au început să acorde o atenție deosebită calității conținutului și setărilor sale SEO. Dublatele, spamul excesiv, plasarea haotică a titlurilor și inconsecvența acestora cu conținutul sunt pedepsite.

Cerințe de lungime H1

Este recomandat să faceți H1 mai concis decât Titlu, fără a depăși numărul de caractere mai mult de 50. Dar nu va fi un dezastru dacă titlul se va dovedi a fi mai lung, când nu este posibil să stoarceți întreaga esență în indicat. număr.

Pluginurile speciale pentru WordPress vă permit să analizați completarea corectă a tuturor meta-urilor direct în editor.

Reguli pentru scrierea corectă a h1

• Trebuie să fie unic pentru întregul site și absolut lizibil;
• Nu repetă eticheta de titlu, dar nici nu o contrazice;
• Nu ar trebui să-l lungiți prea mult (puteți face titlul mai voluminos);
• Folosit o singură dată pe pagină;
• Relevant pentru text și reflectă esența semantică a materialului;
• Interesant și atractiv pentru utilizator;
• Nu puteți pune punct la sfârșit și este recomandat să folosiți semnele de punctuație la minimum.

Aplicarea cheilor

Principalele fraze cheie, în primul rând, ar trebui să fie conținute în titlu. Dar ar trebui să fie scrise și în h1. În ambele cazuri, este mai bine să faceți acest lucru chiar de la început. Dar ar fi mai bine dacă cuvintele cheie nu s-ar duplica unul pe altul în aceste două etichete. Trebuie să utilizați diferite forme de cuvânt sau apariții diluate în h1 și apariții directe în titlu.

Unii iau toate cheile de pe pagină și le folosesc pentru a crea o structură a articolului. Vă rugăm să rețineți imediat că, fără PF-uri grozave, o astfel de împrăștiere a cheilor în subtitluri va fi pedepsită de filtrul pentru spam excesiv.

Tehnici psihologice pentru scrierea unui titlu atractiv

Titlul ar trebui să fie captivant. Iată un videoclip de la Maxim Ilyahov, specialist în domeniul mass-media, rector al Școlii de Editori și creator al serviciului Glavred:

Iată câteva „trucuri” care sunt folosite atunci când scrieți titluri.

Soluţie

Amintiți-vă că o persoană caută întotdeauna nu informații sau bunuri, ci, în primul rând, o soluție la problemele, dorințele, nevoile sale. Abordați exact problema vizată a publicului țintă

Exemplu bun titlu: „Căderea părului? Oprește-ți căderea părului într-o săptămână.”
Un exemplu de titlu prost: „Poate fi oprită căderea părului?”

În primul caz, identificăm clar problema și oferim o soluție specifică. În al doilea caz, problema este afectată indirect și opțiunile de rezolvare sunt estompate.

Intriga

Un exemplu de titlu bun: „Dezvăluirea secretului celei mai eficiente rețete pentru căderea părului”.
Un exemplu de titlu prost: " Cea mai buna reteta pentru căderea părului”.

„examen” de recepție

O propoziție scrisă în această formă îl provoacă pe cititor, invitându-l să se testeze.

Un exemplu de titlu bun: „Ești sigur că lupți corect împotriva căderii părului?”
Un exemplu de titlu prost: „Știi totul despre căderea părului”.

Desigur, acestea nu sunt toate metodele care ajută la influențarea percepției unei persoane și îi atrag interesul. Citiți cărți despre marketing pentru a afla mai multe dacă sunteți interesat de acest subiect. Apropo, titlul poate fi și „ispititor”. Mai mult decât atât, cel mai probabil este cel care este evidențiat în rezultatele cautarii. Puteți verifica afișarea acestuia după ce pagina este indexată.

De ce sunt necesare subtitlurile h2-h6?

Etichetele de la h2 la h6 sunt situate în corpul articolului în sine, împărțindu-l structural în paragrafe tematice, iar în codul documentului HTML, evidențiind elementele sale semnificative. De asemenea, sunt identificați roboți de căutare pentru analiza semantică a paginii.

Necesar să desemneze ierarhic tot ceea ce este important și merita aruncat o privire utilizator pe pagină. Această structură ajută o persoană să navigheze rapid prin informații și să evalueze conformitatea acesteia cu nevoile sale.

h2 – concentrează atenția utilizatorilor și a motoarelor de căutare asupra conținutului principal al articolului. Afișează cele mai semnificative lucruri din text.

h3 este un subparagraf pentru informații care merg sub H2, dezvăluind și mai profund.

h4, h5, h6 – sunt definite ca subtitluri imbricate (dezvăluie în detaliu esența lui H2 sau H3) și sunt folosite în text pentru a evidenția puncte mici și cuvinte semnificative, precum și în meniu, bara laterală și alte componente ale documentului web.

Toate etichetele h trebuie să aibă o lungime de maximum 50 de caractere.

Cum să scrieți corect subtitlurile h2-h6

• Este imposibil ca cea mai mică subpoziție să fie prezentă fără cea mai mare. Adică, dacă textul conține o etichetă meta h4, atunci trebuie să fie precedată de h2 și h3.
• Cu cât nivelul titlului este mai mare, cu atât fontul ar trebui să fie mai mare. În WordPress, setările implicite sunt de obicei setate astfel încât etichetele să fie formatate automat corect.
• Toate h-tag-urile trebuie să corespundă conținutului conținutului și să reflecte esența informațiilor.
• Este inacceptabil să folosiți h1-h6 ca ancore sau legături active.
• Nu puteți scrie alte etichete în interiorul etichetei h.
• Numai textul și semnele de punctuație sunt permise în etichetele h.
• Subtitlurile nu trebuie să conțină spam de cuvinte cheie. Cel mai bine este să folosiți cuvinte cheie în titlu, h1, h2, iar în altele mai mici, cum ar fi h3, h5, h6, concentrați-vă pe o discuție detaliată a subiectului.

Dacă aspectul paginii conține titlul și titlul principal H1, dar textul articolului în sine nu este prea mare și nu conține subtitluri, aceasta nu este o eroare. Sunt destul de multe pagini în TOP în care conținutul este aproape o bandă continuă, poate împărțită în paragrafe. Puteți ajunge într-o poziție de lider fără „vrăjitorie” față de marcarea textului, punând mai mult accent pe. Site-urile WordPress sunt ușor indexate de motoarele de căutare. Dar totuși, utilizarea acestor etichete nu numai că face sarcina mai ușoară, dar face și conținutul mai ușor și mai plăcut pentru percepția vizuală.

Cum să completați h-tag-urile în WordPress

h1 este de obicei completat în câmpul de deasupra textului din postare:

Pentru a crea subtitluri h2-h6, trebuie să selectați elementul necesar și, trecând cursorul peste fila „titluri”, selectați-l pe cel de care aveți nevoie făcând clic pe el. Faceți același lucru pentru fiecare dintre subtitluri, incluzându-le în formatul dorit.

Există o modalitate și mai simplă - puteți tasta textul în Word folosind markupurile necesare și pur și simplu copiați și lipiți articolul în editorul WordPress. Titlurile selectate în Word vor apărea automat în dimensiunile potrivite. Dacă este necesar, le puteți corecta folosind instrumentele editorului CMS WordPress.

Nu există nicio îndoială că etichetele Title și H1 joacă Rol cheieîn interior Optimizare motor de căutareși promovarea site-ului SEO. Acesta este motivul pentru care apar dezbateri în rândul webmasterilor începători despre cum să completeze corect titlul și H1...

Ar trebui ca titlurile să fie aceleași, similare sau radical diferite? Care sunt cerințele motoarelor de căutare și recomandările specialiștilor SEO pentru completarea etichetelor? Cum influențează Titlul și H1 promovarea? Ar trebui să scriu meta-titluri manual sau să am încredere în automatizarea motoarelor CMS (sisteme de management al conținutului)?

Titlu și H1: cum sunt compuse și cum diferă

meta- Eticheta de titlu - titlul principal pagina, care este scrisă în partea de sus a codului HTML și completată cu o descriere (metaetichetă Description).

Titlul titlului este separat în codul HTML prin blocuri și poate fi găsit cu ușurință prin căutare (trebuie să deschideți codul paginii - combinația Ctrl+U, mergeți la fila cu codul, rulați o căutare - Ctrl+F pentru expresia „titlu”).

De asemenea, titlul paginii:

Afișat în titlu când deschideți o filă de browser;
- diferă ca semnificație și scop de eticheta H1 - titlul postării de pe pagină;
- inregistrat de serviciile online de analiza SEO;
- indexate de roboții de căutare și luate în considerare la clasare;
- tras în sus la momentul repostării sau la adăugarea unui link către rețeaua de socializare;
- completate manual (prin câmpuri meta tag, plugin-uri speciale SEO) sau automat;
- afișat în rezultatele motorului de căutare ca titlu al unui fragment - o scurtă descriere;
- afectează clickbilitatea site-ului în căutări și, prin urmare, traficul.

Spre deosebire de Titlu, eticheta H1 - titlul de prim nivel - este plasată în corpul paginii. De asemenea, se ia în considerare algoritmi de căutare atunci când se clasifică și se determină relevanța, dar are mai puțină semnificație. În structura ierarhică a codului programului, eticheta H1 este mai mică decât Titlul, dar deasupra subtitlurilor H2-H6.

Dacă utilizați un CMS, eticheta Title din motor este fie generată automat (titlul postării este preluat, dar de fapt conținutul etichetei H1) fie creată manual (prin completarea metaetichetelor paginii prin câmpuri speciale sau SEO pluginuri).

Completarea manuală este de preferat deoarece webmasterul:

1) Elimină duplicarea blocurilor de text (astfel încât Titlul să difere de H1).
2) Inserturi chei suplimentare din semantica extinsă a interogărilor cu frecvență medie și joasă.
3) Controlează titlurile fragmentelor din rezultatele căutării prin Titlu.
4) Folosește automatizarea parțială dacă se dorește.
5) Stabilește în mod independent ordinea cuvintelor și semnelor de punctuație în Titlu.

Automatizarea parțială a umplerii meta tag-ul de titlu salvează timp de lucru webmaster activat adăugare manuală la anteturile tuturor paginilor site-ului de același tip (static sau dinamic) fragmente de text. Automatizarea, dacă se dorește, poate adăuga la Titlu: data sau an, URL pagina principala, numele companiei, e-mail, adresa fizică a biroului, număr de telefon.

Să luăm în considerare mai detaliat cerințele obiective și recomandari utile la compilarea Title și H1 care vor atrage utilizatorii și roboții de căutare.

Cerințe pentru titlu (etichetă)

1. Nu ar trebui să existe două Titluri identice pe site.
2. O etichetă nu poate fi folosită de 2 ori pe o pagină (fiecare pagină are doar 1 titlu principal).
3. Prezența cheilor de la nucleu semantic are un efect pozitiv asupra SEO (dacă nu există spam, în caz contrar -).
4. Când completați eticheta, utilizați litere, cifre, semne de punctuație și caractere speciale.
5. Lungimea Titlului poate varia, dar este limitată vizual atunci când se generează rezultatele căutării la aproximativ 7-8 cuvinte (54-64 caractere fără spații), după care se plasează o elipsă. În același timp, motoarele de căutare înșiși decid ce să arate și ce să ascundă.
6. Dacă este posibil, cuvintele cheie sunt plasate în prima parte a etichetei meta, mai aproape de început.
7. Motoare de căutare„citește” Titlul în întregime, chiar dacă este tăiat în fragmente.
8. Titlurile paginilor lungi sunt utile pentru interogări cu frecvență medie și joasă.
9. Este recomandabil să nu folosiți mai mult de 2 repetări ale unui cuvânt în Titlu, precum și chei ilogice „strâmbe”.
10. Titlul paginii ar trebui să fie semnificativ, lizibil și atractiv pentru vizitatori (nu folosiți o listă fără minte cu toate cuvintele cheie semantice).
11. Caracterele stop (puncte, cratime, virgule, bare oblice, ghilimele, paranteze) sunt folosite pentru a împărți cuvintele cheie și segmentele semantice.
12. Fraze cheie Este mai bine să utilizați înainte de începerea caracterelor de oprire, unde semnificația lor este mai mare.
13. Cuvintele oprite din titlu („în”, „pe”, „de la”, „cu”, „sub”) afectează clasarea în Yandex.
14. Titlu Titlu sunt compilate ținând cont de specificul site-ului, caracteristicile de promovare și canalele de achiziție a traficului (de exemplu, dacă sursa recomandărilor este un buletin informativ, titlul ar trebui să fie intrigant sau „viral”; dacă este o căutare, accentul este pus pe SEO și).
15. Când completați etichetele, amintiți-vă că acestea sunt extrase în rețelele sociale, afișate în fragmente și influențează deciziile utilizatorilor de a face clic pe linkuri.
16. Dacă este posibil, titlul ar trebui să fie unic pe internet.
17. Pentru a crește conversiile, adăugați apeluri motivante (click, comandați acum, citiți etc.).

Nu uitați - erorile de completare a titlului și suprasaturarea (supraspam) cheilor duc la probleme cu clasarea!

Cerințe pentru H1 (Header)

1. Eticheta H1 trebuie să fie prezentă pe pagină, dar nu mai mult de o dată.
2. Titlul de la primul nivel nu dublează titlul, ci se suprapune cu acesta pe baza cuvintelor cheie.
3. Conținutul etichetei ajunge uneori în fragmente de căutare ca Descriere.
4. H1 optim completează, extinde semantic și informațional metaeticheta Title.
5. Prezența cuvintelor cheie într-o etichetă are un efect pozitiv asupra SEO (dacă nu există spam general).
6. Conținutul antetului trebuie să fie lizibil și relevant pentru conținut.
7. Eticheta nu trebuie să folosească o listă fără sens de cuvinte cheie și apariții exacte de „curbă”.
8. Nu există cerințe pentru lungimea lui H1, dar trebuie să fie moderată și adecvată. Inserarea întregului text al unei pagini într-o etichetă de titlu de prim nivel poate duce la probleme serioase.
9. Conform structurii ierarhice, H1 vine înaintea etichetelor H2-H6 și este mai semnificativ. Urmăriți ierarhia titlurilor site-ului dvs., nu puneți H1 după H2-H6.
10. Când setare corectă Funcțiile SEO ale etichetei CMS sunt generate automat - preluate din titlul postării de pe pagină.
11. De obicei, eticheta H1 este subliniată vizual mai mult în text imprimare mare sau culoare, folosită la începutul conținutului.
12. H1 nu trebuie să fie evidențiat cu subliniere, cursive, umbrire îndrăzneață sau etichete puternice.
13. Nu utilizați același H1 pe pagini diferite site (pentru a evita confuzia și așa-numita „canibalizare cheie”).

După optimizare, verificați din nou pagina cu oricare dintre serviciile de analiză SEO online, astfel încât etichetele Title și H1, împreună cu descrierea și conținutul, să nu trimită spam cuvintele cheie.

Supliment, dar nu duplicat.

În general, este permisă duplicarea titlului și a H1, dar dacă ești serios în ceea ce privește SEO, atunci prin unicizarea (ajustarea) etichetelor poți îmbunătăți poziția site-ului tău. Datorită diferențelor de antete și umplere corectă etichete cu adevărat:

Extinde semantica;
- crește conținutul informațional și posibilitatea de a face clic pe fragmente;
- completați pagina cu chei de apariții exacte, inexacte și diluate;
- pune bazele progresului;
- crește potențialul SEO și obține trafic suplimentar din căutare.

Dacă în timpul procesului de optimizare aveți întrebări sau dificultăți la completarea etichetelor, uitați-vă la liderii de căutare Yandex/Google pentru interogările dvs. TOP 5 include deja acele site-uri pe care motoarele de căutare le considerau standard, „corecte”. Analizează-le și ia un exemplu!

Salutări tuturor celor care citesc această publicație. Astăzi vreau să vă vorbesc despre instrument cheie limbaj - obiecte JavaScript. Permiteți-mi să vă reamintesc că js este cross-browser și funcționează pe toate sistemele de operare (windows, mac os etc.). Spre deosebire de limbajele de programare orientate pe obiecte, implementarea obiectelor în js diferă semnificativ de funcționalitatea obișnuită și variațiile în utilizarea instanțelor, de exemplu, în C#.

Prin urmare, după ce ați citit articolul curent, veți afla principalele caracteristici distinctive ale obiectelor script, veți afla în ce moduri pot fi create, actualizate și șterse. Voi aborda, de asemenea, subiectul proprietăților, metodelor și constructorilor și voi vorbi despre comenzi utileși bineînțeles puțin despre moștenire. Cred că este timpul să începi să înveți!

Ce este un obiect în JavaScript și ce capacități are?

În js, obiectele sunt simple tablouri asociative (se mai numesc și hash-uri).

Ce este un tablou asociativ?

Aceasta este o structură de date care stochează o anumită cantitate de informații referitoare la și care descrie element specific. Toate datele sunt structurate și interconectate ca „cheie => valoare”.

De exemplu, trebuie să descrii mașini. Apoi creați un obiect automat și descrieți caracteristicile acestuia într-o matrice. Am decis să descriu marca mașinii (numele), culoarea (culoarea) și costul (prețul). Mai jos am atașat codul pentru implementarea sarcinii descrise.

var avto = ( nume: "BMW 116i", culoare: "negru", pret: 588000 );

Aici vedeți o modalitate de a crea un obiect numit „avto”. Numele, culoarea și prețul sunt chei care pot fi folosite în timpul scrierii aplicației.

M-am devansat cu acest exemplu, așa că acum să ne uităm la totul în ordine.

Puteți crea un obiect în mai multe moduri:

var auto = (); sau var auto = new Object();

În ambele cazuri este creat un obiect gol cu nume celebru, dar prima opțiune este folosită mult mai des, deoarece este mai scurt și mai convenabil de scris.

Totul despre proprietăți

Acum trebuie să umpleți obiectul gol cu ​​parametri. Pentru a face acest lucru, trebuie să adăugați proprietăți, pe care le-am numit și chei mai sus. Din nou, există două moduri de a declara proprietăți.

Aș dori să remarc faptul că JavaScript nu are un cadru strict pentru crearea și inițializarea unor astfel de parametri. Pot apărea noi proprietăți în întregul cod, așa cum pot fi șterse și actualizate.

Astfel, puteți crea toate cheile simultan sau le puteți declara pe măsură ce devin disponibile. Și chiar dacă, în timpul scrierii unui program, te referi la chei inexistente, nu va exista nicio eroare. În acest caz, „nedefinit” va fi returnat.

Prima cale.

Crearea și accesarea proprietăților folosind un punct. Pentru a implementa această opțiune, trebuie să scrieți numele obiectului, apoi să adăugați numele cheii printr-un punct și apoi să atribuiți o valoare prin semnul egal:

avto.name = „BMW 116i”

Dar în această metodă veți adăuga încă un element la cheile existente:

Această metodă este utilizată atunci când numele proprietății este deja cunoscut și trebuie făcut anumite actiuni cu sensuri.

A doua cale.

Nu diferă de primul, dacă le compari scopurile. Cu toate acestea, această metodă are un mic avantaj. Pentru această opțiune, se folosesc paranteze drepte:

avto[„nume”] = „BMW 116i”

Un plus frumos este capacitatea de a crea nume de proprietăți sub forma oricărui șir. De exemplu,

avto[„numele mașinii”] = „BMW 116i”

Lucrul cu cheile prin paranteze pătrate este folosit atunci când unii parametri sunt introduși de utilizator și stocați în variabile sau când numele proprietăților sunt necunoscute în prealabil. De exemplu, un utilizator solicită prețul unei mașini selectate. Elementul care a fost apelat este scris în variabilă, iar prețul este trimis ca răspuns:

var auto = (); avto.name = "BMW_116i"; avto.price = 588000; var cheie = „preț”; // a fost solicitat prețul mașinii alert(avto);

Acum să trecem la ștergerea proprietăților. Totul este foarte simplu aici. Pentru a elimina, utilizați comanda șterge. Deci, dacă adăugați următoarele 2 rânduri la ultimul exemplu de mai jos:

sterge auto.pret;

alert(auto);

Apoi, la apelarea alertei a doua oară, caseta de dialog va afișa „nedefinit”.

Câteva cuvinte despre compactitate

În stadiul actual, v-am spus cum să creați un obiect și să descrieți proprietățile acestuia. Am atașat cazuri de testare la aceasta, dar cei mai atenți dintre voi, dragi cititori, ați observat că primele codul programului oarecum diferit de toate celelalte.

Și totul pentru că folosește o reprezentare compactă a datelor. Aceasta este o metodă foarte populară de declarare a cheilor, deoarece este mai scurtă de scris și mai ușor de înțeles vizual.

Să trecem prin proprietățile noastre

În JavaScript, puteți itera rapid prin proprietățile create. În acest scop a fost prevăzut un mecanism special, mai cunoscut sub numele ciclu.

Dacă sunteți familiarizat cu alte limbaje de programare, știți că cel mai adesea buclele sunt create folosind cuvântul pentru, mai departe parantezele se precizează condiţia de enumerare a elementelor.

În js își amintește aspect ciclu pentru fiecare din limbajul C#. Verifică vedere generala modele:

pentru (var obj în obiect) ( // efectuează căutarea)

unde obj este responsabil pentru numele cheilor enumerate,

obiect – pentru valorile lor.

Și acum iată un exemplu concret pentru tine.

var avto = ( nume: "BMW 116i", culoare: "negru", pret: 588000 ); pentru (var obj în obiect) ( alert(obj + ":" + obiect) )

Este timpul să vă familiarizați cu metodele

Limbajul de scripting prevede crearea de metode. Acesta este un mecanism absolut simplu cu ajutorul căruia în orice moment puteți adăuga o metodă sau metode la orice obiect care extind capacitățile celui creat. tablouri asociative. Ele sunt numite și proprietăți ale funcției.

Js în sine este foarte dinamic și uimitor într-o oarecare măsură. Astfel se pot crea elemente tipuri diferite. Când învățați această limbă, nu trebuie să memorați structuri complexe, deoarece multe declarații sunt foarte asemănătoare între ele.

Deci, pentru a crea o metodă, trebuie să declarați un obiect și apoi să începeți să scrieți o comandă care este exact ca și crearea proprietăților. Totuși, după „=” nu se mai scrie valoarea, ci cuvânt cheie funcţie (variabilă). Și apoi acțiunile sunt enumerate în paranteze.

Iată implementarea acestui mecanism:

var avto =() avto.name = „BMV” avto.year = 1999 avto.drive = function(k) ( alert(„Mașina a trecut”+n+“ km.”)) avto.drive(300) avto. conduce (450)

După cum puteți vedea, acest exemplu conține proprietăți și metode ale căror apeluri sunt inițial identice.

JS are și constructori?

Da domnule! În această limbă, tot ce folosește cuvântul cheie " nou", devine automat un constructor. Deci, mai sus ați văzut declarația unui obiect gol sub forma: avto = new Object ();. Acesta este constructorul.

Pentru claritate, luați în considerare rândurile de mai jos.

var bob = obiect nou();

bob.name = "Bob Smith";

Cu toate acestea, acesta nu este întregul arsenal de posibilități. În js, vă puteți crea propriile constructori și apoi îi puteți folosi pentru a declara obiecte noi.

Deci, vreau să „realizez” un constructor personalizat pentru mașinile deja existente. Vă rugăm să rețineți că numele trebuie scris cu litere mari. Acest trăsătură distinctivă funcții. Pentru a face acest lucru, scriu următoarea implementare software:

funcția Auto (nume, preț) (

this.name = nume;

this.price = pret;

Acum, când creați un număr nelimitat de obiecte și le aplicați acest constructor, toate vor aparține aceleiași clase. De exemplu:

var car1 = new Avto("BMW", 650000);

var car2 = new Avto("Audi", 520000);

În plus, puteți crea metode în interiorul constructorului.

Caracteristici ale moștenirii în JavaScript

De obicei, în multe limbi, moștenirea se bazează pe clase care se pot moșteni unele de la altele. Apoi puteți auzi expresii precum „clasa strămoșilor”, „clasa copiilor”, etc.

Cu toate acestea, în js totul este diferit. Aici sunt moștenite obiectele.

Toată moștenirea se bazează pe o referință internă între obiecte, care este cunoscută sub numele de „prototip”. Dacă adăugați „.prototype” la o metodă folosind un punct și apoi introduceți numele prototipului, atunci toate obiectele metodei selectate vor fi moștenite de la acest prototip.

Să trecem la un exemplu.

function Transport (name) ( this.name = name this.canDrive = true ) var transport = new Transport ("avto") // a creat un obiect de transport function Bike (name) ( this.name = name ) Bike.prototype = transport // se specifică că toate obiectele noi din această clasă vor folosi transport bike1 = bicicletă nouă ("for_sport") bike2= bicicletă nouă ("pentru_copil") console.log(bike1.name) console.log(bike2.name) console .log (bike1.canDrive)

Presupun că voi încheia aici. V-am vorbit despre aspectele fundamentale limbaj de scripting. Totuși, aceasta este doar cunoștințe superficiale. În continuare vom merge mai adânc. Între timp, nu uitați să vă alăturați rândurilor abonaților mei și să distribuiți prietenilor tăi linkul către articol. Noroc!

Pa! Pa!

Cu stima, Roman Chueshov

Citit: de 97 de ori

JavaScript este un limbaj orientat pe obiecte. Cu excepția constructelor de limbaj de bază, cum ar fi buclele și operatorii relaționali, aproape fiecare caracteristică a JavaScript este implementată folosind obiecte într-un fel sau altul.

Uneori, obiectele sunt utilizate în mod explicit pentru a îndeplini sarcini specifice, cum ar fi, de exemplu, procesarea documentelor bazate pe (X)HTML și XML. model de obiect document. În alte cazuri, rolul obiectelor este mai puțin evident, cum ar fi rolul obiectului String atunci când se lucrează cu date șiruri primitive.

Capitolele anterioare au oferit exemple care demonstrează în mod clar utilitatea obiectelor încorporate, dar în acest capitol ne vom scufunda direct în obiectele JavaScript.

Obiecte în JavaScript

Obiectele din JavaScript pot fi împărțite în patru grupuri.

1. Obiecte utilizator create de programator și având o structură și o entitate care se potrivesc unei sarcini de programare specifice. Vom discuta despre posibilitățile de a crea și utiliza astfel de obiecte în acest capitol.
2. Obiectele încorporate sunt furnizate de limbajul JavaScript însuși. Acestea includ obiecte asociate cu tipuri de date (String, Number și Boolean), obiecte care vă permit să creați obiecte personalizate și tipuri compozite(Obiect și Matrice) și obiecte care facilitează sarcinile comune (cum ar fi Data, Math și RegExp). Capacitățile obiectelor încorporate sunt reglementate de standardul de limbaj ECMA-262 și, într-o măsură mai mică, de specificațiile producătorului browserului.
3. Obiecte din browser care nu fac parte limbaj JavaScript, dar acceptat de majoritatea browserelor. Exemple de obiecte browser sunt Window, un obiect prin care ferestrele browserului sunt gestionate și interacționează cu utilizatorul și Navigator, un obiect care oferă informații de configurare a clientului. Deoarece cele mai multe aspecte ale obiectelor browser nu sunt guvernate de niciun standard, proprietățile și comportamentul acestora pot varia foarte mult în funcție de browser și de versiunea acestuia. Obiectele de acest tip vor fi discutate în continuare.
4. Obiectele document fac parte din Document Object Model (DOM). Model obiect), definit de consorțiul W3C. Astfel de obiecte oferă programatorului o interfață structurată pentru documentele (X)HTML și XML. Aceste obiecte oferă JavaScript abilitatea de a manipula foi de stil imbricate (CSS - Cascade Style Sheet) și de a simplifica implementarea HTML dinamic (DHTML). Accesul la obiectele document este asigurat de browser prin proprietatea document a obiectului Window (window. document). Vom vorbi mai multe despre DOM mai târziu.

Principii de lucru cu obiecte

Un obiect este o colecție neordonată de date, inclusiv tipuri de date primitive, funcții și chiar alte obiecte. Avantajul obiectelor este că ele concentrează într-un singur loc toate datele și logica necesare pentru a îndeplini o anumită sarcină. sarcina specifica. Obiectul String stochează date text și oferă multe dintre funcțiile necesare pentru a acționa asupra acestuia. Deși prezența obiectelor într-un limbaj de programare nu este deloc necesară (nu există obiecte în limbajul C, de exemplu), acestea simplifică cu siguranță utilizarea limbajului.

Crearea obiectelor

Un obiect este creat folosind un constructor - o funcție tip special, care pregătește un nou obiect pentru utilizare prin inițializarea memoriei ocupate de Obiect. În capitolul 4, am văzut că obiectele pot fi create prin aplicarea noului operator constructorilor lor. Utilizarea acestei operații determină constructorul să creeze un nou obiect, a cărui natură este determinată de constructorul apelat. De exemplu, Constructor de șiruri() creează obiecte String, iar constructorul Array () creează Obiecte matrice. Acesta este modul în care tipurile de obiecte sunt denumite în JavaScript: după numele constructorului care creează obiectul.
Iată un exemplu simplu de creare a unui obiect:

var city = new String();

Această instrucțiune creează un nou obiect String și plasează o referință la acesta în variabila oraș. Aici, constructorului nu i se oferă niciun argument, astfel încât variabila oraș își va primi valoarea implicită - în în acest caz, Acest linie goală. Puteți face acest exemplu mai interesant pasând un argument constructorului care specifică valoarea inițială:

var city = new String("San Diego");