javascript事件监听中传递匿名函数(嵌套定义的命名函数)与命名函数的区别

<button class="button">按钮</button>

        (function(w) {
            //第一次定义需要执行的代码块
            var fn = function() {
                console.log(1);
            };
            var btn = document.querySelector('.button');
            btn.addEventListener('click', fn, false);
            btn.click();

            //覆盖fn的引用，第二次以后需要执行的代码
            fn = function() {
                console.log(2);
            };
        })(window);

        (function(w) {
            //第一次定义需要执行的代码块
            var fn = function() {
                console.log(1);
            };
            var btn = document.querySelector('.button');
            btn.addEventListener('click', function() {
                fn();
            }, false);
            btn.click();

            //覆盖fn的引用，第二次以后需要执行的代码
            fn = function() {
                console.log(2);
            };
        })(window);

var a = b = c = {d:1}; //a, b同指向一个对象

b = {}; //改写b指向另一个对象

c.d = 3; //改写c指向对象的参数

console.log(a); //Object{c:3}，因为a, c指向同一对象，引用传递不是复制，这个例子中的b就好比fn