JavaScript 自定义构造函数存在的问题(为什么要使用原型)

最新推荐文章于 2024-07-26 20:46:33 发布

houyanhua1

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量629

点赞数

分类专栏： JavaScript 文章标签： javascript 构造函数

本文链接：https://blog.csdn.net/houyanhua1/article/details/79780017

版权

JavaScript 专栏收录该内容

140 篇文章 4 订阅

订阅专栏

demo.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>

        function studyMethod(){
            console.log("我叫"+ this.name +"Good Good Study Day Day Up");  // 谁调用函数,this就是谁。
        }


        function Student(stuName) {
            this.name = stuName;
            this.study = studyMethod;  // 所有的对象都共用创建好的studyMethod方法。但是如果方法过多时会污染全局变量，所以要使用原型。
        }

        //如果构造函数没有参数，那么在调用的时候 小括号 可以省略
        var stu = new Student("高金彪");
        stu.study();

        var stu1 = new Student("李嘉欣");
        stu1.study();

        //如果在构造函数中定义函数，那么每次创建对象，都会重新创建该函数
        //但是函数内部代码完全相同，就造成了资源浪费
        //为了处理这个问题，我们要让所有的对象共用一个方法
        //在构造函数外部定义好该函数，将该函数赋值给构造函数内的方法

        //使用这种方式写好的方法中的this指向的就是调用该方法的对象
        //this 谁调用就是谁


        //使用这种方式存在的问题
        //1.全局变量增多，造成污染
        //2.代码结构混乱，不易维护

    </script>
</head>
<body>

</body>
</html>

houyanhua1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 自定义构造函数存在的问题(为什么要使用原型)

demo.html：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;script&gt; function study
复制链接

扫一扫

专栏目录