javascript代码问题求解释，里面的index是怎么来的，后面(function(index){})(i)里面的代码解释下。

var pageData = {}
var maskNum = 4
pageData.data = {}
for(var i = 1; i <= maskNum; ++i) {
pageData.data[`hidden${i}`] = true;

(function(index) {

pageData[`tap${index}`] = function(e) {
var obj = {}
obj[`hidden${index}`] = false
this.setData(obj)
}
pageData[`mask${index}`] = function(e) {
var obj = {}
obj[`hidden${index}`] = true
this.setData(obj)
}
})(i);
}

index 是参数。传递过去的，这种方式是立即执行函数IIFE的模式。
(function( index ){
})( i );
相当于-->
var fnName= function( index ){
}
fnName(i);
--
里面函数的意思：
pageData[`tap${index}`] = function(e) {
var obj = {}
obj[`hidden${index}`] = false
this.setData(obj)
}
pageData[`mask${index}`] = function(e) {
var obj = {}
obj[`hidden${index}`] = true
this.setData(obj)
}
想pageData里面放置两个函数
pageData 是一个对象，[`tap${index}`] 这是es6的写法，相当于（假定i =0）pageData['tab0'] = xxx
obj[`hidden${index}`] = false 这个跟上面一样。就是一个普通赋值。

我是来看评论的