如何为js变量设置最小和最大边界？

Question

我目前正在使用 vuejs 渲染分页。这是我的 algolia 数据。

我正在检查用户是否按下了前一个 button/next 按钮或直接输入（1、2、3 等）

    setPage: function(page) {
            if(page === 'previous') {
                // go back one page
                this.currentPage--;
                this.helper.setCurrentPage(this.currentPage).search();
            } else if(page === 'next') {
                // go forward one page
                this.currentPage++;
                this.helper.setCurrentPage(this.currentPage).search();
            } else {
                // change the currentPage with direct select(no prev/next button)
                this.helper.setCurrentPage(page).search();
            }

            // update the currentPage
            this.currentPage = this.helper.getCurrentPage();
        }

这很好用，但我只有 0 - 4 页（页面从 0 开始）。我如何才能确保我的 currentPage var 不会出现负值或超出我拥有的最大页面数量？

我想使用另一个 if 语句可以工作，但感觉有点草率。我正在学习 javascript 和 vue.js，所以我想知道是否有更好的方法。

Answer 1

创建类似于属性的方法：

function nextPage(pageParam){
    if (page > MAX) {
        // Disable next btn enable prev btn
    } else { 
        // advance page 
    }
} 

function prevPage(pageParam){
    if (page =< 0 ) {
        // Disable prev btn enable next btn
    } else { 
        // go back a page 
    }

}

无论您在哪里调用贬损者 (this.currentPage--)，您都会调用 prevPage。这使您可以集中管理行为。例如，如果您决定在最后一页点击下一页时让它轮播，它将转到第一页，您可以在一个地方实现它。

如何为js变量设置最小和最大边界？

How to set min and max boundaries for a js variable?

javascript

jquery

json

vue.js

algolia