使用构造函数模式创建对象

作者: 前端精髓 | 来源:发表于2017-08-08 16:11 被阅读69次

    ECMAScript 中的构造函数可用来创建特定类型的对象。像 Object 和 Array 这样的原生构造函数,在运行时会自动出现在执行环境中。此外,也可以创建自定义的构造函数,从而定义自定义对象类型的属性和方法。例如,可以使用构造函数模式将前面的《 使用工厂模式创建对象》例子重写如下。

    function Person(name, age, job){
        this.name = name;
        this.age = age;
        this.job = job;
        this.sayName = function(){
            alert(this.name);
        };
    }
    var person1 = new Person(“Nicholas”, 29, “Software Engineer”);
    var person2 = new Person(“Greg”, 27, “Doctor”);
    

    在这个例子中, Person() 函数取代了 createPerson() 函数。我们注意到,Person() 中的代码除了与 createPerson() 中相同的部分外,还存在以下不同之处:

    1. 没有显式地创建对象;
    2. 直接将属性和方法赋给了 this 对象;
    3. 没有 return 语句。

    此外,还应该注意到函数名 Person 使用的是大写字母 P。按照惯例,构造函数始终都应该以一个大写字母开头,而非构造函数则应该以一个小写字母开头。这个做法借鉴自其他OO语言,主要是为了区别于 ECMAScript 中的其他函数;因为构造函数本身也是函数,只不过可以用来创建对象而已。

    要创建 Person 的新实例,必须使用 new 操作符。以这种方式调用构造函数实际上会经历以下4个步骤:

    1. 创建一个新对象;
    2. 将构造函数的作用域赋给新对象(因此 this 就指向了这个新对象);
    3. 执行构造函数中的代码(为这个新对象添加属性);
    4. 返回新对象。

    在前面例子的最后, person1 和 person2 分别保存着 Person 的一个不同的实例。这两个对象都有一个 constructor (构造函数)属性,该属性指向 Person ,如下所示。

    alert(person1.constructor == Person); //true
    alert(person2.constructor == Person); //true
    

    对象的 constructor 属性最初是用来标识对象类型的。但是,提到检测对象类型,还是 instanceof 操作符要更可靠一些。我们在这个例子中创建的所有对象既是 Object 的实例,同时也是 Person 的实例,这一点通过 instanceof 操作符可以得到验证。

    alert(person1 instanceof Object); //true
    alert(person1 instanceof Person); //true
    alert(person2 instanceof Object); //true
    alert(person2 instanceof Person); //true
    

    创建自定义的构造函数意味着将来可以将它的实例标识为一种特定的类型;而这正是构造函数模式胜过工厂模式的地方。在这个例子中, person1 和 person2 之所以同时是 Object 的实例,是因为所有对象均继承自 Object (详细内容稍后讨论)。

    相关文章

      网友评论

        本文标题:使用构造函数模式创建对象

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