JavaScript 构造函数调用模式

最新推荐文章于 2024-07-14 12:56:18 发布

houyanhua1

最新推荐文章于 2024-07-14 12:56:18 发布

阅读量521

点赞数 1

分类专栏： JavaScript 文章标签： javascript 调用模式构造函数模式

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

版权

JavaScript 专栏收录该内容

140 篇文章 4 订阅

订阅专栏

demo.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //构造函数调用模式的特征
        //1.构造函数的首字母一般要大写
        //2.一般情况下和new关键字一起使用
        //3.构造函数中的this指向new关键字创建出来的对象
        //4.默认的返回new创建出来的这个对象(this)

        function Person(){
            //return this;   //默认return this。 return引用类型会覆盖return this，return值类型不会覆盖。
        }

        var p = new Person();
        //构造函数的返回值：
        //默认返回new创建出来的对象，return值类型不会覆盖return this;
        //若是对象类型(引用类型)，则返回这个对象，不会返回new创建出来的对象


        //1.工厂模式的构造函数
        function Person(name,age){
            var o = {
                name:name,
                age:age,
                sayHello:function(){

                }
            }
            return o;
        }

        var p = Person("张三", 18);  //不使用new关键字,(函数调用模式)
        console.log(p);
        //简单工厂模式的构造函数 创建出来的对象 跟该构造函数无关
        //简单工厂模式的构造函数，实际的调用模式是 函数模式

        //2.寄生式构造函数(用的不多)
        function Person(name,age){
            var o = {
                name:name,
                age:age,
                sayHello:function(){

                }
            }
            return o;  //返回的并不是this,而是自定义的对象o。
        }

        var p = new Person();   // 用new关键字

    </script>
</head>
<body>

</body>
</html>

houyanhua1

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
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; //构造函数调用模式的特征
复制链接

扫一扫