层级这里不懂

//层级
var index = 4;
//切换切换
page.addEventListener("change",function(e){
    //页面元素
    var pageElement = document.querySelector("." + e.target.value)
    pageElement.style.zIndex = ++index;
},false)

为什么这里的index初始值要大于3才有效果，谁能来解释一下吗？