美文网首页JavaScript 使用记录
JavaScript 创建对象 6 寄生构造函数模式

JavaScript 创建对象 6 寄生构造函数模式

作者: 赵者也 | 来源:发表于2017-12-13 17:22 被阅读9次

    通常,在前面的几种模式都不适用的情况下,可以使用寄生(parasitic)构造函数模式。这种模式的基本思想是创建一个函数,该函数的作用仅仅是封装创建对象的代码,然后再返回新创建的对象;但从表面看,这个函数又很像是典型的构造函数。下面是一个例子:

            function Person(name, age, job) {
                var o = new Object;
                o.name = name;
                o.age = age;
                o.job = job;
                o.friends = ["Toby", "Tina"];
                o.sayName = function() {
                    console.log(this.name);
                }
                return o;
            }
    
            var person1 = new Person("Neo", 29, "Software Engineer");
            person1.sayName();
    

    输出结果:

    输出结果

    在这个例子中,除了使用 new 操作符并把使用的包装函数叫做构造函数外,这个模式跟工厂模式其实是一模一样的。构造函数在不返回值的情况下,默认会返回新对象实例。而通过在构造函数的末尾添加一个 return 语句,可以重写调用构造函数时返回的值。

    这个模式可以在特殊的情况下用来为对象创建构造函数。假设我们想创建一个具有额外方法的特殊数组。由于不能直接修改 Array 构造函数,因此可以使用这个模式。

            function SpecialArray() {
                var values = new Array;
                values.push.apply(values, arguments);
                values.toPipedString = function() {
                    return this.join("|");
                };
                return values;
            }
            var colors = new SpecialArray("red", "green", "blue");
            console.log(colors.toPipedString());
    

    输出结果:

    输出结果

    关于寄生构造函数模式,有一点需要说明:首先,返回的对象与构造函数或者与构造函数的原型属性之间没有关系;也就是说,构造函数返回的对象与在构造函数外部创建的对象没有什么不同。为此,不能依赖 instanceof 操作符来确定对象类型。由于存在上述问题,在能够使用其他模式时,不要使用这种模式。

    相关文章

      网友评论

        本文标题:JavaScript 创建对象 6 寄生构造函数模式

        本文链接:https://www.haomeiwen.com/subject/qblnixtx.html