JavaScript中除了简单数据类型（包括数字、字符串、布尔值、null值和undefined值）外的其他所有值都是对象。
JavaScript中的对象是无类型的（class-free），也就是对新的属性名和属性值没有限制。
对象通过引用来传递，永远不会被复制。
比如：
//example 1
let originArray = new Array(0, 1, 2);
let newArray = originArray; //对象引用
originArray[0] = 9;
console.log('originArray', originArray);
console.log('newArray', newArray);
打印的结果是
example 1
//example 2
let a = {}, b = {}, c = {};
a、b、c每个的引用都是一个不同的空对象。
//example 3
let a = b = c = {};
a、b、c都引用的是同一对象。
对于非对象的数据是可以复制的，不存在引用。
//example 4
let originString = 'abc';
let newString = originString;
originString = 'def';
console.log('originString', originString);
console.log('newString', newString);
打印结果是
example 4
下面再来看一个列子：
//example 5-1
let data = {a: 1, b: [0, 1, 2]};
let dataOne = data;
function change(dataTwo) {
dataTwo['c'] = 5;
console.log('dataTwo', JSON.stringify(dataTwo));
}
change(dataOne);
console.log('dataOne', JSON.stringify(data));
console.log('data', JSON.stringify(data));
这样的情况下，打印的结果是
example 5-1
但是对象引用赋值后，如果将对象置空，相互不受影响。
//example 5-2
let data = {a: 1, b: [0, 1, 2]};
let dataOne = data;
function change(dataTwo) {
dataTwo['r'] = 5;
dataTwo = null;
console.log('dataTwo', JSON.stringify(dataTwo));
}
change(dataOne);
console.log('dataOne', JSON.stringify(data));
console.log('data', JSON.stringify(data));
example 5-2
最近在项目中遇到一个这样的问题，所以才引起了我对Refrence的反思。
const defaultPromo= {
code: '',
isValid: null
};
const defaultDiscounts = {
discount1: defaultPromo,
discount2: defaultPromo
};
const promoCodes = {
discount1: {
code: "inValid",
isValid: false
},
discount2: {
code: "79315",
isValid: true
}
};
const result = _.merge(defaultDiscounts, promoCodes);
result 会是什么呢？是这样吗？
{
discount1: {
code: "inValid",
isValid: false
},
discount2: {
code: "79315",
isValid: true
}
}
☝🏻☝🏻☝🏻其实是这样的：
{
discount1: {
code: "79315",
isValid: true
},
discount2: {
code: "79315",
isValid: true
}
}
在这种情况下，就需要使用clone或者使用...
const defaultPromo= {
code: '',
isValid: null
};
const defaultDiscounts = {
discount1: {... defaultPromo},
discount2: {...defaultPromo}
};
const promoCodes = {
discount1: {
code: "inValid",
isValid: false
},
discount2: {
code: "79315",
isValid: true
}
};
const result = _.merge(defaultDiscounts, promoCodes);
