如何跳出小程序五级页面的限制

前言：做小程序开发，就要在微信的规则内玩耍。最近做的小程序经常会有个报错：RangeError: Maximum call stack size exceeded。这意思是说小程序页面超过5级跳转了，应该怎么解决呢？

微信小程序官方文档中，关于页面的跳转，有三个API，两个跳转新页面的 API 分别为 wx.navigateTo 和 wx.redirectTo，还有一个 API 名为 wx.navigateBack，它用于返回上级页面。

wx.navigateBack 在小程序的初始版本中只能回到上一个页面，在最新版本（0.10.102800）的更新中给 navigateBack 添加了一个参数 delta，用于决定需要返回几层页面。

navigator 组件的默认跳转方式与 wx.navigateTo 相同，而如果添加 redirect属性，则与 wx.redirectTo 的跳转方式相同。

wx.navigateTo 在官方文档中描述如下：

保留当前页面，跳转到应用内的某个页面，使用 wx.navigateBack 可以返回到原页面。

通过 navigateTo 跳转后，可点击左上角的按钮返回上一个页面。而如果多次调用 navigateTo 之后，就需要返回多次才能回到初始页面，这种交互更像是客户端打开一个新的view。因此，官方在此处有一个限制（最多五级）。

注意：为了不让用户在使用小程序时造成困扰，我们规定页面路径只能是五层，请尽量避免多层级的交互方式。

不过上述五层的限制只是针对 navigateTo，redirectTo 则无此限制。因为 redirectTo 的行为是：

关闭当前页面，跳转到应用内的某个页面。

因此，当页面个数超过五层时，应该用redirectTo来替换navigateTo，就可以避免Maximum call stack size exceeded的异常，但是redirectTo关闭当前页面的做法，有些场景并不适用，比如，从列表页进详情页面，如果进入详情页面时，关闭列表页面，再次back时，就没办法回到列表页面。

通过 redirectTo 跳转后，只是无法返回跳转前的页面，但并不是无法调用 navigateBack，而是调用之后，会回到使用 redirectTo 跳转前的上一个页面。

页面栈可以通过 getCurrentPages 方法获取：

getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。

这个方法也比较适用，在多层页面跳转中，你可能会用的到。