Sự khác biệt giữa ES6 Map và WeakMap là gì?

Question 1

Nhìn vào trang này và trang MDN này , có vẻ như sự khác biệt duy nhất giữa Maps và WeakMaps là thiếu thuộc tính "kích thước" cho WeakMaps. Nhưng điều này có đúng không? Sự khác biệt giữa chúng là gì?

Question 2

Từ cùng một trang, phần " Tại sao Bản đồ yếu ? " :

Lập trình viên JavaScript có kinh nghiệm sẽ nhận thấy rằng API này có thể được triển khai bằng JavaScript với hai mảng (một cho khóa, một cho giá trị) được chia sẻ bởi 4 phương thức API. Việc triển khai như vậy sẽ có hai điểm bất tiện chính. Đầu tiên là tìm kiếm O (n) (n là số lượng khóa trong bản đồ). Vấn đề thứ hai là vấn đề rò rỉ bộ nhớ. Với bản đồ được viết thủ công, mảng khóa sẽ giữ các tham chiếu đến các đối tượng chính, ngăn chúng bị thu thập rác. Trong WeakMaps bản địa, các tham chiếu đến các đối tượng chính được giữ "yếu" , có nghĩa là chúng không ngăn chặn việc thu gom rác trong trường hợp không có tham chiếu nào khác đến đối tượng.

Vì các tham chiếu yếu, các khóa WeakMap không thể liệt kê được (tức là không có phương pháp nào cung cấp cho bạn danh sách các khóa). Nếu có, danh sách sẽ phụ thuộc vào tình trạng thu gom rác, đưa ra thuyết không xác định.

[Và đó là lý do tại sao họ cũng không có sizetài sản]

Nếu bạn muốn có một danh sách các chìa khóa, bạn nên tự bảo quản nó. Ngoài ra còn có một đề xuất ECMAScript nhằm giới thiệu các bộ và bản đồ đơn giản không sử dụng các tham chiếu yếu và có thể liệt kê được.

- đó sẽ là "bình thường" Maps . Không được đề cập ở MDN, nhưng trong đề xuất hài hòa , những người đó cũng có items, keysvà valuescác phương pháp trình tạo và triển khai Iteratorgiao diện .

Question 3

Cả hai đều hoạt động khác nhau khi một đối tượng được tham chiếu bởi các khóa / giá trị của chúng bị xóa. Hãy lấy mã ví dụ dưới đây:

var map = new Map();
var weakmap = new WeakMap();

(function(){
    var a = {x: 12};
    var b = {y: 12};

    map.set(a, 1);
    weakmap.set(b, 2);
})()

IIFE ở trên được thực thi không có cách nào chúng ta có thể tham khảo {x: 12}và {y: 12}nữa. Bộ thu gom rác sẽ tiếp tục và xóa con trỏ khóa b khỏi “Bản đồ yếu” và cũng xóa {y: 12}khỏi bộ nhớ. Nhưng trong trường hợp “Bản đồ”, trình thu gom rác không xóa một con trỏ khỏi “Bản đồ” và cũng không xóa {x: 12}khỏi bộ nhớ.

Tóm tắt: WeakMap cho phép bộ thu gom rác thực hiện nhiệm vụ của nó nhưng không cho phép Bản đồ.

Tài liệu tham khảo: http://qnimate.com/difference-between-map-and-weakmap-in-javascript/

Question 4

Có thể lời giải thích tiếp theo sẽ rõ ràng hơn cho ai đó.

var k1 = {a: 1};
var k2 = {b: 2};

var map = new Map();
var wm = new WeakMap();

map.set(k1, 'k1');
wm.set(k2, 'k2');

k1 = null;
map.forEach(function (val, key) {
    console.log(key, val); // k1 {a: 1}
});

k2 = null;
wm.get(k2); // undefined

Như bạn thấy, sau khi xóa k1khóa khỏi bộ nhớ, chúng ta vẫn có thể truy cập nó bên trong bản đồ. Đồng thời xóa k2khóa của WeakMap cũng xóa nó khỏi wmbằng cách tham khảo.

Đó là lý do tại sao WeakMap không liệt kê các phương thức như forEach, vì không có cái gọi là danh sách các khóa WeakMap, chúng chỉ là tham chiếu đến các đối tượng khác.

Question 5

Một sự khác biệt khác (nguồn: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/WeakMap ):

Khóa của Bản đồ yếu chỉ thuộc loại Đối tượng. Không cho phép các kiểu dữ liệu nguyên thủy làm khóa (ví dụ: Biểu tượng không được là khóa Bản đồ yếu).

Cũng không thể sử dụng một chuỗi, số hoặc boolean làm WeakMapkhóa. A Map có thể sử dụng các giá trị nguyên thủy cho các khóa.

w = new WeakMap;
w.set('a', 'b'); // Uncaught TypeError: Invalid value used as weak map key

m = new Map
m.set('a', 'b'); // Works

Question 6

Từ Javascript.info

Bản đồ - Nếu chúng ta sử dụng một đối tượng làm khóa trong Bản đồ thông thường, thì trong khi Bản đồ tồn tại, đối tượng đó cũng tồn tại. Nó chiếm bộ nhớ và có thể không được thu thập rác.

let john = { name: "John" };
let array = [ john ];
john = null; // overwrite the reference

// john is stored inside the array, so it won't be garbage-collected
// we can get it as array[0]

Tương tự như vậy, nếu chúng ta sử dụng một đối tượng làm khóa trong Bản đồ thông thường, thì trong khi Bản đồ tồn tại, đối tượng đó cũng tồn tại. Nó chiếm bộ nhớ và có thể không được thu gom rác

let john = { name: "John" };
let map = new Map();
map.set(john, "...");
john = null; // overwrite the reference

// john is stored inside the map,
// we can get it by using map.keys()

WeakMap - Bây giờ, nếu chúng ta sử dụng một đối tượng làm khóa trong đó và không có tham chiếu nào khác đến đối tượng đó - nó sẽ tự động bị xóa khỏi bộ nhớ (và khỏi bản đồ).

let john = { name: "John" };
let weakMap = new WeakMap();
weakMap.set(john, "...");
john = null; // overwrite the reference

// john is removed from memory!

Question 7

WeapMap trong javascript không chứa bất kỳ khóa hoặc giá trị nào, nó chỉ thao tác giá trị khóa bằng cách sử dụng một id duy nhất và xác định thuộc tính cho đối tượng khóa.

bởi vì nó xác định thuộc tính key objecttheo phương thức Object.definePropert(), khóa không được là kiểu nguyên thủy .

và cũng bởi vì WeapMap không chứa các cặp giá trị khóa thực sự, chúng ta không thể lấy thuộc tính độ dài của bản đồ yếu.

và giá trị thao tác cũng được gán lại cho đối tượng khóa, người thu gom rác có thể dễ dàng thu thập khóa nếu nó không sử dụng.

Mã mẫu để thực hiện.

if(typeof WeapMap != undefined){
return;
} 
(function(){
   var WeapMap = function(){
      this.__id = '__weakmap__';
   }
        
   weakmap.set = function(key,value){
       var pVal = key[this.__id];
        if(pVal && pVal[0] == key){
           pVal[1]=value;
       }else{
          Object.defineProperty(key, this.__id, {value:[key,value]});
          return this;
        }
   }

window.WeakMap = WeakMap;
})();

tham chiếu việc thực hiện

Question 8

WeakMap khóa phải là đối tượng, không phải giá trị nguyên thủy.

let weakMap = new WeakMap();

let obj = {};

weakMap.set(obj, "ok"); // works fine (object key)

// can't use a string as the key
weakMap.set("test", "Not ok"); // Error, because "test" is not an object

Tại sao????

Hãy xem ví dụ dưới đây.

let user = { name: "User" };

let map = new Map();
map.set(user, "...");

user = null; // overwrite the reference

// 'user' is stored inside the map,
// We can get it by using map.keys()

Nếu chúng ta sử dụng một đối tượng làm khóa trong Map , thì trong khi Maptồn tại, đối tượng đó cũng tồn tại. Nó chiếm bộ nhớ và có thể không được thu thập rác.

WeakMaplà khác nhau cơ bản ở khía cạnh này. Nó không ngăn chặn việc thu gom rác của các đối tượng chính.

let user = { name: "User" };

let weakMap = new WeakMap();
weakMap.set(user, "...");

user = null; // overwrite the reference

// 'user' is removed from memory!

nếu chúng ta sử dụng một đối tượng làm khóa trong đó và không có tham chiếu nào khác đến đối tượng đó - nó sẽ tự động bị xóa khỏi bộ nhớ (và khỏi bản đồ).

WeakMap không hỗ trợ lặp lại và các phương thức khóa () , giá trị () , mục () , vì vậy không có cách nào để lấy tất cả các khóa hoặc giá trị từ nó.

WeakMap chỉ có các phương thức sau:

yếuMap.get (phím)
yếuMap.set (khóa, giá trị)
yếuMap.delete (phím)
yếuMap.has (phím)

Điều đó hiển nhiên như thể một đối tượng đã mất tất cả các tham chiếu khác (như 'người dùng' trong đoạn mã trên), thì nó sẽ được tự động thu thập. Nhưng về mặt kỹ thuật, nó không được chỉ định chính xác khi nào việc dọn dẹp diễn ra.

Công cụ JavaScript quyết định điều đó. Nó có thể chọn thực hiện dọn dẹp bộ nhớ ngay lập tức hoặc đợi và thực hiện dọn dẹp sau khi có nhiều lần xóa hơn. Vì vậy, về mặt kỹ thuật, số phần tử hiện tại của a WeakMapchưa được biết. Động cơ có thể đã làm sạch nó hoặc không hoặc đã làm nó một phần. Vì lý do đó, các phương pháp truy cập tất cả các khóa / giá trị không được hỗ trợ.

Lưu ý: - Khu vực ứng dụng chính của WeakMap là nơi lưu trữ dữ liệu bổ sung. Giống như bộ nhớ đệm một đối tượng cho đến khi đối tượng đó được thu gom rác.