以下代码执行后输出结果为（      ）？
<div id="box1">
    <div id="box2">
        content
    </div>
</div>
<script>
    const $ = document.querySelector.bind(document);
    const box1 = $('#box1');
    const box2 = $('#box2');
    
    box1.addEventListener('click', () => {
    console.log('box1 true');
    }, true);
    
    box1.addEventListener('click', () => {
    console.log('box1 false');
    }, false);
    
    box2.addEventListener('click', () => {
    console.log('box2 true');
    }, true);
    
    box2.addEventListener('click', () => {
    console.log('box2 false');
    }, false);
</script>