构造器模式

最新推荐文章于 2023-02-24 00:04:13 发布

星空与猫

最新推荐文章于 2023-02-24 00:04:13 发布

阅读量93

点赞数

分类专栏：设计模式总结文章标签： js

本文链接：https://blog.csdn.net/qq_43388107/article/details/112251632

版权

设计模式总结专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、构造器模式

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>构造器模式</title>
</head>

<body>
    <script>
        /*
        *   es5
        */
        function Student1(name, gender, score) {
            this.name = name;
            this.gender = gender;
            this.score = score;
            this.qulity = 100;

            this.sumScore = function () {
                return this.score + this.qulity;
            }
        }
        var whh = new Student1('王花花', '男', 89)
        console.log(whh);
        console.log(whh.sumScore());
    </script>
    <script>
        /*
        *   es6
        */
        class Student2 {
            constructor(name, gender, score) {
                this.name = name;
                this.gender = gender;
                this.score = score;
                this.qulity = 100;
            }

            sumScore() {
                return this.score + this.qulity;
            }
        }
        var lsd = new Student2('李栓蛋', '女', 99)
        console.log(lsd);
        console.log(lsd.sumScore());
    </script>
</body>

</html>