JavaScript-Basics/26_values_vs_reference.js at master · last-endcode/JavaScript-Basics · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
// values vs reference
// values is primitive and reference is object (array,function)

constname='john';
letname2=name;

console.log(`${name}`);
console.log(`${name2}`);
/*
john
john
*/

// reassign name2 : 'peter doe'
name2='peter doe';
console.log(`${name}`);
console.log(`${name2}`);

// object or reference can't like primitive
letvalue1={
name: 'edward newgate',
};
letvalue2=value1;

console.log(`${value1.name}`);
console.log(`${value2.name}`);
/*
edward newgate
edward newgate
*/

// reasign obj from value2 : 'shirohige'
value2.name='shirohige';
// and obj value1, and value2 will same cz one reference
console.log(`${value1.name}`);
console.log(`${value2.name}`);
/*
shirohige
shirohige
*/

// but u can use copy obj
console.log('copy obj');
value2={ ...value1};
value2.name='Edward NewGate Shirohige';

console.log(`${value1.name}`);
console.log(`${value2.name}`);
/*
shirohige
Edward NewGate Shirohige
*/