JavaScript -voorwerpe
Werklike voorwerpe, eienskappe en metodes
In die werklike lewe is 'n motor 'n voorwerp .
'n Motor het eienskappe soos gewig en kleur, en metodes soos begin en stop:
Voorwerp | Eienskappe | Metodes |
---|---|---|
kar.naam = Fiat motor.model = 500 motor. gewig = 850 kg motor. kleur = wit |
car.start() car.drive() car.brake() car.stop() |
Alle motors het dieselfde eienskappe , maar die eiendomswaardes verskil van motor tot motor.
Alle motors het dieselfde metodes , maar die metodes word op verskillende tye uitgevoer .
JavaScript-voorwerpe
Jy het reeds geleer dat JavaScript-veranderlikes houers vir datawaardes is.
Hierdie kode ken 'n eenvoudige waarde (Fiat) toe aan 'n veranderlike genaamd motor:
let car = "Fiat";
Voorwerpe is ook veranderlikes. Maar voorwerpe kan baie waardes bevat.
Hierdie kode ken baie waardes (Fiat, 500, wit) toe aan 'n veranderlike genaamd motor:
const car = {type:"Fiat", model:"500", color:"white"};
Die waardes word geskryf as naam:waarde- pare (naam en waarde geskei deur 'n dubbelpunt).
Dit is 'n algemene praktyk om voorwerpe met die const - sleutelwoord te verklaar.
Kom meer te wete oor die gebruik van const met voorwerpe in die hoofstuk: JS Const .
Voorwerp Definisie
Jy definieer (en skep) 'n JavaScript-objek met 'n letterlike voorwerp:
Voorbeeld
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Spasies en lynbreuke is nie belangrik nie. 'n Objekdefinisie kan oor verskeie lyne strek:
Voorbeeld
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
Voorwerp Eienskappe
Die naam:waardes -pare in JavaScript-objekte word eienskappe genoem :
Eiendom | Eiendomswaarde |
---|---|
eerste naam | John |
van | Doe |
ouderdom | 50 |
Oogkleur | blou |
Toegang tot voorwerpeienskappe
U kan op twee maniere toegang tot voorwerpeienskappe verkry:
objectName.propertyName
of
objectName["propertyName"]
Voorbeeld 1
person.lastName;
Voorbeeld 2
person["lastName"];
JavaScript-objekte is houers vir benoemde waardes wat eienskappe genoem word.
Voorwerp Metodes
Voorwerpe kan ook metodes hê .
Metodes is aksies wat op voorwerpe uitgevoer kan word.
Metodes word in eienskappe as funksiedefinisies gestoor .
Eiendom | Eiendomswaarde |
---|---|
eerste naam | John |
van | Doe |
ouderdom | 50 |
Oogkleur | blou |
volle naam | function() {stuur hierdie.voornaam terug + " " + hierdie.van;} |
'n Metode is 'n funksie wat as 'n eienskap gestoor word.
Voorbeeld
const person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
Die hierdie sleutelwoord
In 'n funksiedefinisie, this
verwys na die "eienaar" van die funksie.
In die voorbeeld hierbo, this
is die persoon-objek wat die funksie "besit"
fullName
.
Met ander woorde, this.firstName
beteken die firstName
eienskap van hierdie voorwerp .
Lees meer oor die this
sleutelwoord by JS hierdie sleutelwoord .
Toegang tot objekmetodes
U kry toegang tot 'n objekmetode met die volgende sintaksis:
objectName.methodName()
Voorbeeld
name = person.fullName();
As jy toegang tot 'n metode sonder die () hakies kry, sal dit die funksiedefinisie terugstuur :
Voorbeeld
name = person.fullName;
Moenie stringe, syfers en booleans as voorwerpe verklaar nie!
Wanneer 'n JavaScript-veranderlike verklaar word met die sleutelwoord " new
", word die veranderlike as 'n objek geskep:
x = new String(); // Declares x as a String object
y = new Number(); // Declares y as a Number object
z = new Boolean(); // Declares z as a Boolean object
Vermy String
, Number
, en Boolean
voorwerpe. Dit kompliseer jou kode en vertraag die uitvoeringspoed.
Jy sal later in hierdie tutoriaal meer oor voorwerpe leer.