De Object.assign()-methode wordt gebruikt om de waarden en eigenschappen van een of meer bronobjecten naar een doelobject te kopiëren. Het roept getters en setters aan omdat het zowel [[Get]] op de bron als [[Set]] op het doel gebruikt.
Syntaxis:
Object.assign(target, ...sources);>
Parameters:
- doel : Het is het doelobject waarnaar waarden en eigenschappen moeten worden gekopieerd.
- bronnen : Het is het bronobject waaruit waarden en eigenschappen moeten worden gekopieerd.
Winstwaarde:
Object.assign() retourneert het doelobject.
Voorbeeld 1: In dit voorbeeld worden de eigenschappen van het object obj1, d.w.z. { a: 10 }, gekopieerd naar het doelobject new_obj.
Javascript
// creating an object constructor> // and assigning values to it> const obj1 = { a: 1 };> // creating a target object and copying values and> // properties to it using object.assign() method> // Here, obj1 is the source object> const new_obj = Object.assign({}, obj1);> // Displaying the target object> console.log(new_obj);> |
1 van 1000,00
>
>
Uitgang:
Object { a: 1 }> Voorbeeld 2: In dit voorbeeld worden de eigenschappen van drie bronobjecten obj1, obj2 en obj3 gekopieerd naar het doelobject new_obj. De waarde van elk reeds bestaand sleutel-waardepaar dat in het vorige object bestond, wordt overschreven. Obj1.b met een waarde van 10 wordt nu bijvoorbeeld overschreven met obj2.b met een waarde van 20
Javascript
// creating 3 object constructors and assigning values to it> let obj1 = { a: 10 };> let obj2 = { b: 20 };> let obj3 = { c: 30 };> // Creating a target object and copying values> // and properties to it using object.assign() method> let new_obj = Object.assign({}, obj1, obj2, obj3);> // Displaying the target object> console.log(new_obj);> |
>
afdrukarray in Java
>
Uitgang:
Object { a: 10, b: 20, c: 30 }> Voorbeeld 3: In dit voorbeeld worden de eigenschappen van drie bronobjecten obj1, obj2 en obj3 gekopieerd naar het doelobject new_obj en krijgt het doelobject de overschreven waarden.
Javascript
iskcon volledige vorm
// Creating 3 object constructors and assigning values to it> let obj1 = { a: 10, b: 10, c: 10 };> let obj2 = { b: 20, c: 20 };> let obj3 = { c: 30 };> // Creating a target object and copying values and> // properties to it using object.assign() method> let new_obj = Object.assign({}, obj1, obj2, obj3);> // Displaying the target object> console.log(new_obj);> |
>
>
Uitgang:
Object { a: 10, b: 20, c: 30 }> Uitleg:
In de bovenstaande code worden de eigenschappen later overschreven door andere objecten die dezelfde eigenschappen hebben, in dezelfde volgorde van parameters.
Toepassingen:
- Object.assign() wordt gebruikt voor het klonen van een object, om objecten met dezelfde eigenschappen samen te voegen.
Fouten en uitzonderingen :
- Er wordt een TypeError gegenereerd als de eigenschap niet-schrijfbaar is.
- Het doelobject kan alleen worden gewijzigd als de eigenschappen worden toegevoegd voordat de fout optreedt.
- Object.assign() genereert geen null- of ongedefinieerde bronwaarden
We hebben een volledige lijst met JavaScript-objectmethoden. Om deze te controleren, kunt u deze doornemen Volledige referentie voor JavaScript-object artikel.
Ondersteunde browsers:
- Google Chrome 6.0 en hoger
- Internet Explorer 9.0 en hoger
- Mozilla 4.0 en hoger
- Opera 11.1 en hoger
- Safari 5.0 en hoger