DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript技巧 >> ES6新增數據結構WeakSet的用法詳解
ES6新增數據結構WeakSet的用法詳解
編輯:JavaScript技巧     

WeakSet和Set類似,同樣是元素不重復的集合,它們的區別是WeakSet內的元素必須是對象,不能是其它類型。

特性:

1.元素必須是對象。

添加一個number類型的元素。

const ws = new WeakSet()
ws.add(1)

結果是報類型錯誤。

TypeError: Invalid value used in weak set

添加一個對象。

const ws = new WeakSet()
var a = {p1:'1', p2:'2'}
ws.add(a)
console.log(ws.has(a));

添加OK,結果顯示:

true

可以通過WeakSet的has方法判斷一個元素是否已在集合中。

如果不需要存儲元素時,可以使用delete方法刪除元素。

2.弱引用,不被計入垃圾回收

添加進WeakSet的元素對象,WeakSet不會對元素對像的引用計數加1,對於被添加進WeakSet的元素對象,只要該元素對象沒有被除WeakSet以外的其他對象引用,就會被垃圾回收釋放,在WeakSet中的該元素對象自動被釋放,不會出現內存洩漏。

因為這一特性,其性能要比map要高,對於存儲無順序要求的,不重復的,臨時存儲的場景,可以使用它。

const ws = new WeakSet()
var a = {p1:'1', p2:'2'}
ws.add(a)
a = null
console.log(ws.has(a));

先將對象添加到WeakSet中,然後將對象設成null,然後再下面的has方法判定時,結果顯示,表示WeakSet中已經不存在該對象。

false

3.不能遍歷

因為其對內部的元素對象是弱引用,隨時會被垃圾回收釋放掉,所以其不支持size和forEach等遍歷方法。

總結

以上所述是小編給大家介紹的ES6新增數據結構WeakSet的用法詳解,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對網站的支持!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved