Hướng dẫn mutable and immutable in javascript - có thể thay đổi và bất biến trong javascript

Tôi đã viết một chút trước đây về tính bất biến và cách tạo ra các mảng và đối tượng bất biến với vani JS.

Một trong những điều mà học sinh của tôi thường thấy khó hiểu về tính bất biến là những gì thực sự có nghĩa là bất biến.

Hãy để khám phá điều đó một chút.

Tạo một bản sao của một biến

Hãy nói rằng bạn có một số thứ được lưu vào các biến và bạn muốn tạo các bản sao.

var num1 = 42;
var str1 = 'Hello';
var arr1 = [1, 2, 3];
var obj1 = {greeting: 'hello', name: 'world'};

Với các số và chuỗi, việc gán biến ban đầu cho một biến mới tạo ra một mục mới.

// Copy items
var num2 = num1;
var str2 = str1;

// Update the copies
num2 = num2 - 10;
str2 += ' world';

// Logs 42
console.log(num1);

// Logos "Hello"
console.log(str1);

Đối tượng và mảng hoạt động rất lớn. Việc gán biến ban đầu cho một biến mới tạo ra một tham chiếu đến bản gốc chứ không phải là một mục mới.

// Copy items
var arr2 = arr1;
var obj2 = obj1;

// Update the copies
arr2.push(4, 5, 6);
obj2.name = 'universe';

// Logs [1, 2, 3, 4, 5, 6]
console.log(arr1);

// Logs {greeting: 'hello', name: 'universe'}
console.log(obj1);

Mặc dù các bản sao là những bản được sửa đổi, các mảng và đối tượng ban đầu cũng được cập nhật. Các biến mới chỉ trở lại bản gốc.

Ở đây, một bản demo với tất cả các ví dụ này.

Vì vậy, có nghĩa là gì có nghĩa là bất biến?

Nếu một mục có thể thay đổi, việc sửa đổi bản sao cũng sửa đổi bản gốc. Nếu nó bất biến, việc sửa đổi bản sao không ảnh hưởng đến bản gốc.

Nó khó hiểu vì âm thanh bất biến như vật phẩm có thể thay đổi. Mặc dù vậy, điều thực sự có nghĩa là bản gốc không thay đổi khi bản sao.

Hy vọng điều đó sẽ xóa một số điều lên!