<div id="readability-page-1" class="page"><div id="kakaoContent">

                <div>
                                            <p><a href="/m/category/JavaScript">JavaScript</a></p><h2>[ES6 JavaScript] WeakSet</h2>
                    <p><cite>
                        <span>JayLee</span>
                    </cite>
                </p></div>
                <p><time>2020. 10. 15. 16:54</time>
                    <span>
                        
                                                    <a href="#comment" onclick="Utils.smoothScroll(this);return false">
                                
                            </a>
                        
                                                    <span id="title_daumlike">
                                
                                <span id="mobile-reaction"></span>
                                
                            </span>
                                            </span>
                </p>

                                    
                
                <div>
                    <p>&nbsp;오늘은 WeakSet에 대해서 알아보도록 하겠습니다. WeakSet은 WeakMap처럼 약하게 유지되는 객체를 컬렉션에 저장할 수 있게 해주는 객체입니다. 약하게 유지된다는 것은 WeakSet 내 저장된 객체에 다른 참조가 없는 경우, GC(Garbage Collection) 될 수 있다는 의미입니다. 그리고 또 다른 특징은 WeakSet내의 객체는 오직 한 번만 발생할 수 있습니다. 즉, WeakSet 컬렉션 내 요소는 유일한 요소입니다. WeakSet에서 사용할 수 있는 메서드는 총 3가지 입니다.</p>

<p><b>WeakSet.prototype.add(value)</b> WeakSet 객체에 새로운 객체를 추가하는 메서드</p>
<p><span><b>WeakSet.prototype.delete(value)</b> WeakSet 객체에 요소를 제거하는 메서드</span></p>
<p><span><span><b>WeakSet.prototype.has(value)</b> WeakSet 객체 내 주어진 값을 갖는 요소가 존재하는지 확인하는 메서드</span></span></p>

<figure data-filename="code-2620118_1920.jpg" data-origin-width="1920" data-origin-height="1280" width="530" height="NaN" data-ke-mobilestyle="widthContent"><span data-url="https://blog.kakaocdn.net/dn/oelyq/btqKYlTcnkC/swx3xIaynVBiugZqRfb4Z1/img.jpg" data-lightbox="lightbox" data-alt="Pixabay로부터 입수된&amp;nbsp;StockSnap님의 이미지 입니다. &amp;nbsp;"><img src="https://blog.kakaocdn.net/dn/oelyq/btqKYlTcnkC/swx3xIaynVBiugZqRfb4Z1/img.jpg" data-filename="code-2620118_1920.jpg" data-origin-width="1920" data-origin-height="1280" width="530" height="NaN" data-ke-mobilestyle="widthContent"></span><figcaption>Pixabay로부터 입수된&nbsp;StockSnap님의 이미지 입니다. &nbsp;</figcaption></figure>

<p><span><span>&nbsp;그럼 예제를 보면서 WeakSet대해 알아보도록 하겠습니다.</span></span></p>
<pre id="code_1602748154280" data-ke-language="javascript" data-ke-type="codeblock"><code>var ws = new WeakSet();
var obj = {};
var foo = {};

ws.add(window);
ws.add(obj);

ws.has(window); // true
ws.has(foo);    // false, foo가 집합에 추가되지 않았음

ws.delete(window); // 집합에서 window 제거함
ws.has(window);    // false, window가 제거되었음</code></pre>
<p>&nbsp;ws라는 이름으로 WeakSet 객체를 하나 생성하고 메서드를 사용해보았습니다. 먼저, add를 통해 window 객체와 obj 객체를 넣고 has 메서드를 통해 window와 foo 객체가 있는지 확인했습니다. window는 존재하여 true를 반환하고 foo는 존재하지 않아 false가 반환되었습니다. 그후 window를 ws 객체에서 제거하고 has로 확인하니 false가 반환되는 것을 확인했습니다.</p>
                                                            
                                
											
					
                    
                    
                </div>

                                    
                
                
                                    
                
                


                

                                    
                
                
            </div></div>

Hello Jay's Programming World!

오늘은 WeakSet에 대해서 알아보도록 하겠습니다. WeakSet은 WeakMap처럼 약하게 유지되는 객체를 컬렉션에 저장할 수 있게 해주는 객체입니다. 약하게 유지된다는 것은 WeakSet 내 저장된 객체에 다른 참조가 없는 경우, GC(Garbage Collection) 될 수 있다는 의미입니다. 그리고 또 다른 특징은 WeakSet내의 객체는 오직 한 번만 발생할 수 있습니다. 즉, WeakSet 컬렉션 내 요소는 유일한 요소입니다. WeakSet에서 사용할 수 있는 메서드는 총 3가지 입니다.
 
WeakSet.prototype.add(value) WeakSet 객체에 새로운 객체를 추가하는 메서드
WeakSet.prototype.delete(value) WeakSet 객체에 요소를 제거하는 메서드
WeakSet.prototype.has(value) WeakSet 객체 내 주어진 값을 갖는 요소가 존재하는지 확인하는 메서드
 
 
 그럼 예제를 보면서 WeakSet대해 알아보도록 하겠습니다.
var ws = new WeakSet();
var obj = {};
var foo = {};
ws.add(window);
ws.add(obj);
ws.has(window); // true
ws.has(foo);    // false, foo가 집합에 추가되지 않았음
ws.delete(window); // 집합에서 window 제거함
ws.has(window);    // false, window가 제거되었음
 ws라는 이름으로 WeakSet 객체를 하나 생성하고 메서드를 사용해보았습니다. 먼저, add를 통해 window 객체와 obj 객체를 넣고 has 메서드를 통해 window와 foo 객체가 있는지 확인했습니다. window는 존재하여 true를 반환하고 foo는 존재하지 않아 false가 반환되었습니다. 그후 window를 ws 객체에서 제거하고 has로 확인하니 false가 반환되는 것을 확인했습니다.

[ES6 JavaScript] WeakSet

댓글