Khóa học javascript

Weakset trong Javascript

0 phút đọc

WeakSet trong JavaScript cũng là một loại object đặc biệt, dùng để lưu trữ dữ liệu một cách duy nhất, không trùng lặp - tương tự như Set.

Weakset trong Javascript

Tuy nhiên, cũng giống như WeakMap, WeakSet chỉ cho phép lưu trữ dữ liệu kiểu object (không chấp nhận kiểu nguyên thủy).

Cú pháp khởi tạo WeakSet

Để khởi tạo WeakSet trong JavaScript, bạn sử dụng hàm khởi tạo như sau:

js Copy
new WeakSet([iterable]);

Trong đó:

  • Tham số iterable là một iterable object (không bắt buộc), với mỗi phần tử là một object.
  • Nếu không truyền tham số vào hàm khởi tạo thì WeakSet sẽ rỗng.

Ví dụ:

js Copy
// khởi tạo WeakSet rỗng
let ws1 = new WeakSet(); // OK

// khởi tạo WeakSet với iterable object với mỗi phần tử là object
let obj1 = { x: 1 };
let ws2 = new WeakSet([obj1]); // OK

// khởi tạo WeakSet với iterable object nhưng mỗi phần tử không phải object
let ws3 = new WeakSet([1, "2"]); // Lỗi: Invalid value used in weak set

Các phương thức của WeakSet

Sau đây là các phương thức của WeakSet trong JavaScript.

► Phương thức weakSet.add(value):

Thêm giá trị value vào WeakSet và trả về chính WeakSet đó.

js Copy
let obj1 = { x: 1 };
let obj2 = { x: 2 };

let ws = new WeakSet();
ws.add(obj1).add(obj2).add(obj1); // OK
// Add value không phải là object vào set
ws.add(1); // Lỗi: Invalid value used in weak set

► Phương thức weakSet.has(value):

Trả về true nếu giá trị value có tồn tại trong WeakSet, ngược lại thì trả về false.

js Copy
let obj1 = { x: 1 };
let obj2 = { x: 2 };

let ws = new WeakSet();
ws.add(obj1).add(obj2).add(obj1);

console.log(ws.has(obj1)); // trueconsole.log(ws.has(obj2)); // trueconsole.log(ws.has({ x: 1 })); // false

Vì object là kiểu dữ liệu tham chiếu nên {x: 1} !== {x: 1}. Do đó, câu lệnh ws.has({ x: 1 }) trả về false.

► Phương thức weakSet.delete(value):

Xóa giá trị value khỏi WeakSet và trả về true nếu giá trị đó tồn tại, ngược lại thì trả về false.

js Copy
let obj1 = { x: 1 };
let obj2 = { x: 2 };

let ws = new WeakSet();
ws.add(obj1).add(obj2).add(obj1);

console.log(ws.delete(obj1)); // trueconsole.log(ws.delete(obj2)); // trueconsole.log(ws.delete({ x: 1 })); // falseconsole.log(ws.delete(obj1)); // false

Tương tự như trên, vì object là kiểu dữ liệu tham chiếu nên {x: 1} !== {x: 1}. Do đó, câu lệnh ws.delete({ x: 1 }) trả về false.

Câu lệnh cuối cùng ws.delete(obj1) cũng trả về false vì trước đó mình đã xóa giá trị obj1 ra khỏi ws rồi.

So sánh WeakSet và Set

Sau đây là một số đặc điểm khác nhau giữa Set và WeakSet trong JavaScript.

Kiểu dữ liệu của key

Đối với Set, key có thể thuộc bất kỳ kiểu dữ liệu nào. Nhưng đối với WeakSet thì ngược lại, key chỉ có thể là object.

js Copy
let set = new Set();
let weakSet = new WeakSet();

set.add(1); // OK
weakSet.add(1); // Lỗi - Invalid value used in weak set

Tính chất của iterable object

Set là iterable object. Do đó, bạn có thể duyệt qua hết tất cả các phần tử trong Set.

WeakSet không phải là iterable object. Bạn không có cách nào để duyệt hết tất cả các phần tử của WeakSet.

js Copy
// khởi tạo set
let set = new Set();
set.add(1).add("b");

// duyệt qua các phần tử của set
for (let item of set) {
  console.log(item);
  /**
   * 1
   * 'b'
   */
}

// khởi tạo weakSet
let obj1 = { x: 1 };
let obj2 = { x: 2 };
let weakSet = new WeakSet();
weakSet.add(obj1).add(obj2);

// duyệt qua các phần tử của weakSet
for (let item of weakSet) {
  console.log(item);
}
/**
 * Lỗi: weakSet is not iterable
 */

Vấn đề garbage collection

Khi một biến là object được lưu vào Set, dù biến đó có bị gán bằng null thì object vẫn tồn tại trong Set.

js Copy
// khởi tạo object
let obj1 = { x: 1 };

// khởi tạo set và thêm object trên vào set
let set = new Set();
set.add(obj1);

// gán obj1 bằng null
obj1 = null;

// mặc dù obj1 được gán thành null, nhưng object vẫn tồn tại trong set
console.log(set.size); // 1
for (let item of set) {
  console.log(item); // {x: 1}
}

Đối với WeakSet thì ngược lại, một khi biến object được gán bằng null thì không có cách nào truy cập vào phần tử đó trong Set. Do đó, object sẽ được giải phóng.

Tổng kết

WeakSet trong JavaScript tương tự như Set, cho phép lưu trữ dữ liệu một cách duy nhất, không trùng lặp. Tuy nhiên, WeakSet chỉ chấp nhận phần tử kiểu object.

Và khi object bị hủy, object tương ứng trong WeakSet sẽ bị giải phóng vì không còn cách nào để truy cập vào object đó nữa.

Các phương thức của WeakSet là:

  • weakSet.add(value): lưu giá trị value vào WeakSet và trả về chính WeakSet.
  • weakSet.delete(value): xóa phần tử value trong WeakSet, nếu value tồn tại thì trả về true, ngược lại thì trả về false.
  • weakSet.has(value): trả về true nếu value tồn tại trong weakSet, ngược lại thì trả về false.

WeakSet không phải iterable object nên không có cách nào để duyệt hết các phần tử trong WeakSet (như cách dùng for...of với Set).

Tham khảo: WeakMap and WeakSet

Avatar
Được viết bởi

Admin Team

Gợi ý câu hỏi phỏng vấn

Không có dữ liệu

Không có dữ liệu

Gợi ý bài viết

Không có dữ liệu

Không có dữ liệu

Bình luận

Chưa có bình luận nào

Chưa có bình luận nào