Alles wat u moet weten over JavaScript-objecten

is een objectgeoriënteerde programmeertaal. De objecten vormen de bouwstenen die als het belangrijkste datatype worden beschouwdvoor de programmeertaal. Dit artikel biedt diepgaande kennis over JavaScript-objecten, hoe ze worden gemaakt en gedefinieerd in de volgende volgorde:

• JavaScript-object
• Hoe maak je een nieuw object aan?
• Eigendommen
• Methoden
• Accessors
• Prototypes

JavaScript-object

objecten zijn vergelijkbaar met objecten in het echte leven, die uit verschillende attributen en eigenschappen bestaan. Deze objecten worden gedefinieerd als een ongeordende verzameling gerelateerde gegevens, die van primitieve of referentietypes zijn. Deze worden gedefinieerd in de vorm van 'sleutel: waarde' -paren.

Deze sleutels zijn variabelen of functies die worden genoemd als eigenschappen en methoden van een object. U kunt een JavaScript-object maken als:

verschil tussen chef en pop

let ObjectName = {Property1: 'Value', Property2: 'Value', ... ...}

Hoe maak je een nieuw object aan?

Er zijn 3 manieren om een ​​nieuw object te maken:

• Letterlijk object

Syntaxis:

object = {eigenschap1: waarde1, eigenschap2: waarde2 ..... eigenschapN: waardeN}

Voorbeeld:

medewerker = {id: 700, naam: 'Evan', salaris: 30000} document.write (medewerker.id + '' + medewerker.naam + '' + medewerker.salaris)

Uitgang:

700 Evan 30000

• Door een instantie van Object

Syntaxis:

var objectname = new Object ()

Voorbeeld:

var emp = new Object () emp.id = 701 emp.name = 'Karan' emp.salary = 40000 document.write (emp.id + '' + emp.name + '' + emp.salary)

Uitgang:

701 Karan 40000

• Door een Object Constructor te gebruiken

Er wordt een functie gemaakt met argumenten. Elke argumentwaarde kan in het huidige object worden toegewezen met deze trefwoord.

Voorbeeld:

functie medewerker (id, naam, salaris) {this.id = id this.name = naam this.salary = salaris} emp = nieuwe medewerker (702, 'Neha', 35000) document.write (emp.id + '' + emp .naam + '' + werk. salaris)

Uitgang:

702 Neha 35000

Eigendommen

NAAR eigendom van een object is een variabele dat is vastgemaakt aan het object. Ze zijn in principe hetzelfde als JavaScript-variabelen, behalve de bijlage aan objecten.

De eigenschappen van een object bepalen de kenmerken van het object. U hebt toegang tot de eigenschappen van een object met een eenvoudige puntnotatie, zoals:

objectName.propertyName

U kunt een eigenschap definiëren door er een waarde aan toe te kennen. Laten we bijvoorbeeld een object maken met de naam Auto en geef het eigenschappen zoals bedrijf, model , en kleur . Het kan worden gedefinieerd als:

var Car = new Object () Car.company = 'Ford' Car.model = 'Mustang' Car.color = 'Rood'

Methoden

NAAR methode is een functie geassocieerd met een object. Het is ook een eigenschap van een object. Methoden worden gedefinieerd als de normale functies, maar ze moeten worden toegewezen als de eigendom van een object.

De objectmethode is toegankelijk als:

__in het__

objectName.methodName ()

Voorbeeld:

var person = {firstName: 'Tessa', lastName: 'Den', empid: 7100, fullName: function () {return this.firstName + '' + this.lastName}}

Uitgang:

Tessa Den

Enkele van de meest gebruikte ingebouwde methoden zijn:

Accessors

De JavaScript Accessors bestaan ​​uit Getters en Setters die worden gebruikt om de objectaccessors te definiëren.

• Het zoekwoord ophalen

Laten we een voorbeeld nemen en kijken hoe Getters zijn gewend aan krijgen elke waarde van het onroerend goed:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 401, get id () {return this.empid}} document.getElementById ('demo'). innerHTML = person.id

Uitgang:

401

• Het ingestelde sleutelwoord

Laten we een voorbeeld nemen en kijken hoe Setters zijn gewend aan set elke waarde van het onroerend goed:

var person = {firstName: 'Daisy', lastName: 'Green', empid: 00, set id (value) {this.empid = value}} person.id = 401 document.getElementById ('demo'). innerHTML = persoon .empid

Uitgang:

401

Prototypes

Alle JavaScript-objecten nemen eigenschappen en methoden over van een prototype. Bijvoorbeeld:

• Datum objecten erven van Datum.prototype
• Array objecten erven van Array.prototype
• Persoon objecten erven van Persoon. Prototype

Het JavaScript voorlopig ontwerp eigenschap wordt gebruikt om nieuwe eigenschappen aan objectconstructors toe te voegen.

Voorbeeld:

functie Persoon (eerste, laatste, id, leeftijd) {this.firstName = eerste this.lastName = laatste this.empid = id this.age = leeftijd} Person.prototype.nationality = 'Indian'

Met de eigenschap prototype kunt u ook nieuwe methoden toevoegen aan objectconstructeurs.

Voorbeeld:

function Person (first, last, id, age) {// Methoden toevoegen aan constructeurs this.firstName = first this.lastName = last this.empid = id this.age = age} Person.prototype.name = function () {return this.firstName + '' + this.lastName}

U kunt uw eigen prototypes wijzigen, maar nooit de prototypes van standaard JavaScript-objecten.

Hiermee zijn we aan het einde van ons artikel gekomen. Ik hoop dat je JavaScript-objecten en de verschillende methoden om ze te definiëren, hebt begrepen.

Nu je weet wat JavaScript-objecten zijn, kun je het door Edureka. Web Development Certification Training helpt u te leren hoe u indrukwekkende websites kunt maken met HTML5, CSS3, Twitter Bootstrap 3, jQuery en Google API's en deze kunt implementeren op Amazon Simple Storage Service (S3).

Heeft u een vraag voor ons? Vermeld het in het commentaargedeelte van 'JavaScript-object' en we nemen contact met u op.