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后出栈

相关推荐
孤酒独酌1 分钟前
一次断网重连引发的「模块加载缓存」攻坚战
前端
jinzeming9994 分钟前
Vue3 PDF 预览组件设计与实现分析
前端
NuLL5 分钟前
全场景智能克隆工具:超越 JSON.parse(JSON.stringify())
javascript
编程小Y5 分钟前
Vue 3 + Vite
前端·javascript·vue.js
GDAL15 分钟前
前端保存用户登录信息 深入全面讲解
前端·状态模式
大菜菜21 分钟前
Molecule Framework -EditorService API 详细文档
前端
Anita_Sun23 分钟前
😋 核心原理篇:线程池的 5 大核心组件
前端·node.js
灼华_26 分钟前
Web前端移动端开发常见问题及解决方案(完整版)
前端
he___H27 分钟前
滑动窗口一题
java·数据结构·算法·滑动窗口
_请输入用户名27 分钟前
Vue3 Patch 全过程
前端·vue.js