JavaScript一个很奇怪的问题

Question

我直接上代码吧

var paginButton = $('#pagination a');

var x;

function foo() {

    paginButton.click(function(){

        x = paginButton.index($(this))；

    });

    return x

}

a = foo();

点击了按钮之后，我在控制台console.log(a)提示的是undefined

于是这样试了试

var newArr = [];

function foo() {

    paginButton.click(function(){

        var $index = paginButton.index($(this));

        newArr.push($index)

    });

    return newArr;

}

a = foo();

同样的我点击了几个按钮之后，在控制台console.log(a)，但是这次给我输入了一个数组，
为什么第一种是underfined，而第二次没毛病