javascrip函数链式调用Person('Dan').sleep(10).eat('dinner')

最新推荐文章于 2023-03-28 16:47:11 发布

maindek

最新推荐文章于 2023-03-28 16:47:11 发布

阅读量2k

点赞数 3

分类专栏： H5+js

本文链接：https://blog.csdn.net/maindek/article/details/90274380

版权

本文通过示例代码解析JavaScript中如何实现函数的链式调用，利用数组队列和原型方法，使得Person对象能连续调用sleep和eat方法。

摘要由CSDN通过智能技术生成

直接上代码
思路：将执行函数放入数组队列，使用next() 执行，将调用函数赋值给构造函数的原型，可以进行连续链式调用，必要：执行功能函数需要返回this

		let index = 0;
        let stack = [];

        function next() {
   
            let fn = stack[index];
            index++;
            if (typeof fn === 'function') {
   
                fn();
            }
        }

        function Man(name) {
   
            stack.push