js 按钮每按一次值增加保留变量问题

Question

每按一次按钮, 按钮内的变数都会增加6

直接上代码

[types.GETBOOKS](state,books,n){
state.books = books['member'].slice(n, n + 6)
state.bookNum += 6
console.log(state.bookNum)
},

小弟是使用vuex做控制, 现在有一个GETBOOKS的函式

在组件中绑定CLICK按钮就执行这个函式

想要每次按这个按钮, n就+6
例如:

一开始n =0, 所以就得到了前6个member
按了一次按钮后, n=6, 所以就得到books['member'].slice(6, 12)
之后也一值增加六

想请问这样子要怎么写? 总觉得跟闭包是有关系的... 但想很久还是无法有什么头绪...

Answer 1

[types.GETBOOKS](state,books,n){
state.books = books['member'].slice(state.bookNum, state.bookNum + 6)
state.bookNum += 6
console.log(state.bookNum)
},

Answer 2

(function(){
var n = 6
return types.GETBOOKS{

    state.books = books['member'].slice(state.bookNum, state.bookNum + n)
    state.bookNum += n;
    n += 6;
    console.log(state.bookNum)
    }

})()