JavaScirpt链式调用

最新推荐文章于 2021-09-17 14:29:56 发布

原创最新推荐文章于 2021-09-17 14:29:56 发布 · 455 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种简单的JavaScript链式调用实现方法。通过一个Dog类实例展示如何定义方法并返回当前对象，从而实现方法的连续调用。具体演示了drunk、eat等方法的链式调用。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Java Script 链式编程</title>

    <script type="text/javascript" charset="utf-8">

        //简单链式调用
        function Dog() {
            this.eat = function () {
                document.write('eat...' + '<br>');
                return this;
            }
            this.sleep = function () {
                document.write('sleep...' + '<br>');
                return this;

            }
            this.drunk = function () {
                document.write('drunk...' + '<br>');
                return this;
            }
        }


        var dog = new Dog();
        dog.drunk().eat();



    </script>

</head>
<body>

</body>
</html>