The es6 assign object is shallow copied, and the attribute value of the target object remains unchanged.

topic description

es6 assign object is shallowly copied, and the attribute value of the target object does not change.

sources of topics and their own ideas

after learning es6 assign, I know it is a shallow copy, but there is a strange phenomenon in practice

related codes

/ / Please paste the code text below (do not replace the code with pictures) 

const obj1 = {a: {b: 1}, c:3};
const obj2 = Object.assign({}, obj1);

obj1.a.b = 2;
obj1.c=8

console.log(obj2); // {a: {b: 2}, c:3}

Why has the value of c not changed? Isn"t a shallow copy a reference to a copy?

Es6 javascript
Jun.12,2022

shallow copy only clones the data of the first layer. For deep cloning, you need to implement
https://blog.csdn.net/qq_3010...

. 
var deepclone = function(a,b){
    var a = a || {};
    for(var k in b){
        if(b.hasOwnProperty(k))
            a[k] = Object.prototype.toString.call(b[k])=='[object Object]'? 
         deepclone(a[k],b[k]):b[k];
    }
    return a;
}

this feels like you have the wrong understanding of the concept of shallow copy.
shallow copy refers to the outermost layer of the copy, so the value of c is a clone, and the c in obj1 and obj2 points to different

assign only copies the outermost layer, because the an event reference type, so the value changes after the copy, c is the value type, so the value does not change. "copy only the outermost layer" is the key point

so it's called copying

.

Previous: Webpack compilation failed

Next: For infrequently modified data, to ensure real-time update, but also to ensure speed as far as possible, how to deal with?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e53734-6584c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e53734-6584c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?