js实现一个数据结构——栈

栈的概念就不再赘述,无可厚非的先进后出,而JS又是高级语言,数组中的方法十分丰富,已经自带了push pop方法进行入栈出栈的操作。

1.基本实现

javascript 复制代码
class Stack {
    constructor() {
        this.items = [];
    }

    // 入栈
    push(item) {
        this.items.push(item);
    }

    // 出栈
    pop() {
        return this.items.pop();
    }

    // 栈顶元素
    peek() {
        return this.items[this.items.length - 1];
    }

    // 栈的大小
    size() {
        return this.items.length;
    }

    // 清空栈
    clear() {
        this.items = [];
    }

    // 获取栈内元素
    getItem() {
        return this.items;
    }

    // 判断栈是否为空
    isEmpty() {
        return this.items.length === 0;
    }
}

代码很简单,重要的是思想 先进后出先进后出!!
2.函数执行模式------栈

计算机在调用函数的时候,采用的是函数栈的形式(用于递归)

如:

javascript 复制代码
const fun1 = ()=>
{
    return console.log('1')
}
const fun2 = ()=>
{
    fun1()
    return console.log('2')
}
fun2()

那么结果应该是什么呢?答案是 1 2

可以证明 先执行了fun1()后执行了fun2()

那么原理呢?原理是在调用函数时采用的是栈的形式,在调用fun2时 fun2入栈,然后fun1入栈,所以在执行时为fun1先出栈,fun2后出栈

相关推荐
4***14903 分钟前
React社区
前端·react.js·前端框架
LFly_ice5 分钟前
学习React-24-路由传参
前端·学习·react.js
Lhuu(重开版1 小时前
CSS:动效布局动画
前端·css
Q***K551 小时前
前端构建工具
前端
laocooon5238578861 小时前
创建了一个带悬停效果的“我的个人主页“按钮
前端
2013编程爱好者2 小时前
Vue工程结构分析
前端·javascript·vue.js·typescript·前端框架
小满zs3 小时前
Next.js第十一章(渲染基础概念)
前端
不羁的fang少年4 小时前
前端常见问题(vue,css,html,js等)
前端·javascript·css
change_fate4 小时前
el-menu折叠后文字下移
前端·javascript·vue.js
yivifu4 小时前
CSS Grid 布局详解(2025最新标准)
前端·css