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

相关推荐
薛一半11 分钟前
Vue3的Pinia详解
前端·javascript·vue.js
浅影歌年1 小时前
vue3模块中引用公共css变量文件
前端
盼哥PyAI实验室2 小时前
从搭建到打磨:我的纯前端个人博客开发复盘
前端·javascript
前端初见2 小时前
2025前端面试题大合集
前端
寂静山林2 小时前
UVa 1597 Searching the Web
数据结构·算法
用户904706683572 小时前
vue3.5新特性——useTemplateRef
前端
嘉琪0012 小时前
vue3+ts面试题(一)JSX,SFC
前端·javascript·react.js
952362 小时前
数据结构-顺序表
java·数据结构·学习
何贤3 小时前
🪐 行星科技概念官网!Hero Section 回归!(Three.js ✨)
前端·javascript·three.js
前端拿破轮3 小时前
ReactNative从入门到性能优化(一)
前端·react native·客户端