首页 1 2 3 4 5 6 7

javascript 引用赋值

今天我们来谈一下javascript中的引用赋值问题。在javascript中，赋值分为值赋值和引用赋值两种。值赋值是将一个变量的值拷贝到另一个变量中，而引用赋值则是将一个变量的地址赋给另一个变量，也就是两个变量指向同一个对象。下面我们就来详细介绍引用赋值的相关问题。引用赋值最常见的场景是在函数中使用对象作为参数，因为在JavaScript中，函数参数传递都是按照引用传递的。下面看一个例子：

const obj1 = { name: 'Chen', age: 18 }
const obj2 = obj1
console.log(obj1 === obj2) // true
obj2.age = 20
console.log(obj1) // { name: 'Chen', age: 20 }

在这个例子中，我们将obj1的引用赋值给了obj2，因此它们指向同一个对象。那么当obj2的属性值改变时，obj1的属性值也会改变。如果我们想要拷贝一个对象，可以使用Object.assign()方法，如下所示：

const obj1 = { name: 'Chen', age: 18 }
const obj2 = Object.assign({}, obj1)
console.log(obj1 === obj2) // false
obj2.age = 20
console.log(obj1) // { name: 'Chen', age: 18 }

在这个例子中，我们使用Object.assign()方法将obj1拷贝到了一个新的对象中，而这个新的对象是不会改变原有对象的值的。除了函数中的参数传递，变量赋值也会涉及到引用赋值的问题。下面看一个例子：

const arr1 = [1, 2, 3]
const arr2 = arr1
console.log(arr1 === arr2) // true
arr2.push(4)
console.log(arr1) // [1, 2, 3, 4]

在这个例子中，我们将arr1的引用赋值给了arr2，因此它们指向同一个数组。那么当我们通过arr2改变数组时，arr1也会发生变化。如果我们想要拷贝一个数组，可以使用slice()方法，如下所示：

const arr1 = [1, 2, 3]
const arr2 = arr1.slice()
console.log(arr1 === arr2) // false
arr2.push(4)
console.log(arr1) // [1, 2, 3]

在这个例子中，我们使用slice()方法将arr1拷贝到了一个新的数组中，而这个新的数组是不会改变原有数组的值的。总结：在javascript中，引用赋值是指将一个变量的地址赋给另一个变量，也就是两个变量指向同一个对象。这种赋值方式在函数参数传递和变量赋值时十分常见。如果我们想要拷贝一个对象或一个数组，可以使用Object.assign()方法、slice()方法或其他一些方法来实现。