Arbeider med arv til kode med JavaScript-dummies

Når du lager objekter med JavaScript, er du ikke bare begrenset til å lage bestemte objekter, for eksempel gitar, bil, katt eller sandwich. Den virkelige skjønnheten til objekter er at du kan bruke dem til å lage typer objekter, hvorfra andre gjenstander kan opprettes.

Her opprettes et nytt personobjekt av typen Objekt. Dette nye personobjektet inneholder alle standardegenskapene og metodene til objekttypen, men med et nytt navn. Du kan da legge til dine egne egenskaper og metoder for personobjektet for å gjøre det spesifikt å beskrive hva du mener ved person.

var person = nytt objekt (); person. øyne = 2; person. ører = 2; person. armer = 2; person. hendene = 2; person. føtter = 2; person. ben = 2; person. arter = "Homo sapien";

Så, nå har du satt noen spesifikke egenskaper til personobjektet. Tenk deg at du vil opprette et nytt objekt som er en bestemt person, som Willie Nelson. Du kan bare lage et nytt objekt kalt willieNelson og gi det alle de samme egenskapene som personobjektet, pluss egenskapene som gjør Willie Nelson unik.

var willieNelson = nytt objekt (); Willie Nelson. øyne = 2; Willie Nelson. ører = 2; Willie Nelson. armer = 2; Willie Nelson. hendene = 2; Willie Nelson. føtter = 2; Willie Nelson. ben = 2; Willie Nelson. arter = "Homo sapien"; Willie Nelson. yrke = "musiker"; Willie Nelson. hjemby = "Austin"; Willie Nelson. hår = "Long"; Willie Nelson. sjanger = "land";

Denne metoden for å definere willieNelson-objektet er imidlertid sløsing. Det krever at du gjør mye arbeid, og det er ingen indikasjon her at Willie Nelson er en person. Han skjer bare for å ha alle de samme egenskapene som en person.

Løsningen er å opprette en ny type objekt, kalt Person, og deretter gjøre willieNelson-objektet av typen Person.

Merk at navnet på objekttype alltid er aktivert. Dette er ikke et krav, men det er en nesten universell konvensjon. For eksempel kan du si

var person = nytt objekt ();

eller

var willieNelson = ny person ();

Konstruere objekter med konstruktorfunksjoner

For å opprette en ny type objekt definerer du en ny konstruktørfunksjon. Konstruksfunksjoner dannes akkurat som hvilken som helst funksjon i JavaScript, men de bruker dette søkeordet til å tildele egenskaper til en ny gjenstand. Det nye objektet arver deretter egenskapene til objekttypen.

Her er en konstruktørfunksjon for Person-objekttype:

funksjon Person () {dette.øyne = 2; dette. ører = 2; dette. armer = 2; dette. hendene = 2; dette. føtter = 2; dette. ben = 2; dette. species = "Homo sapien";}

For å opprette et nytt objekt av typen Person nå, er alt du trenger å gjøre, å tilordne funksjonen til en ny variabel. For eksempel:

var willieNelson = ny person ()

WillieNelson-objektet arver egenskapene til personobjekttype. Selv om du ikke har spesifikt opprettet noen egenskaper for willieNelson-objektet, inneholder den alle egenskapene til Person.

For å teste dette ut, kjør denne koden i en nettleser.

Arv demo funksjon Person () {this. øyne = 2; dette. ører = 2; dette. armer = 2; dette. hendene = 2; dette. føtter = 2; dette. ben = 2; dette. arter = "Homo sapien";} var willieNelson = ny person (); varsling ("Willie Nelson har" + willieNelson. feet + "feet!");

Her er resultatet av å kjøre denne koden i en nettleser.

Person.

Willie Nelson er en person.

Endre en objekttype

Anta at du har din Person-objekttype, som tjener som prototype for flere objekter. På et tidspunkt innser du at personen, så vel som alle gjenstandene som arver fra den, burde ha noen flere egenskaper.

For å endre et prototypeobjekt, bruk prototypegenskapen som hvert objekt arver fra Objekt.

funksjon Person () {dette. øyne = 2; dette. ører = 2; dette. armer = 2; dette. hendene = 2; dette. føtter = 2; dette. ben = 2; dette. arter = "Homo sapien";} var willieNelson = ny person (); var johnnyCash = ny person (); var patsyCline = ny person (); // Person trenger flere eiendommer! Person. prototype. knær = 2; Person. prototype. tær = 10; Person. prototype. albuer = 2; // Kontroller verdiene for eksisterende objekter for det nye eiendomsdokumentet. skrive (patsyCline. tær); // outputs 10

Opprette objekter med objekt. lag

Enda en annen måte å lage objekter fra andre objekter på er å bruke objektet. lage metode. Denne metoden har fordelen av å ikke kreve at du skriver en konstruktørfunksjon. Det kopierer bare egenskapene til en spesifisert gjenstand til en ny gjenstand. Når et objekt arver fra et annet objekt, kalles objektet den arver fra, prototypen.

Dette eksemplet viser hvordan Objekt. create kan brukes til å lage willieNelson objektet fra en prototype.

// lage en generisk Person var Person = {øyne: 2, armer: 2, føtter: 2} // opprett willieNelson objektet, basert på Person var willieNelson = Objekt. lag (Person); // test et arvet eiendomsdokument skriv (willieNelson. feet); // utganger 2