ECMAScript中的构造函数可以用来创建特定类型的对象。比如Object和Array这样的原生构造函数,在运行时会自动出现在执行环境中。也可以创建自定义的构造函数,从而定义自定义对象类型的属性和方法
function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function () {
console.log(this.name)
}
}
var person1 = new Person("李白",50,"诗人");
var person2 = new Person("王羲之",60,"书法家");
person1.sayName();
person2.sayName();
与工厂模式相比:
- 没有显式的创建对象
- 直接将属性和方法赋值给了this对象
- 没有return语句
注意:按照惯例,构造函数始终应该以一个大写字母开头,而非构造函数应该以一个小写字母开头。主要是为了区别于ECMAScript中的其他函数;因为构造函数本身也是函数,只不过可以用来创建对象而已。
调用构造函数创建新实例:
要创建Person的新实例,必须使用new操作符。以这种方式调用构造函数实际上会经历以下4个步骤:
(1)创建一个新对象
(2)将构造函数的作用域赋值给新对象(因此this指向这个新对象)
(3)执行构造函数中的代码(为这个新对象添加属性)
(4)返回新对象
这两个对象(person1,person2)都有一个constructor(构造函数)属性,该属性都指向Person
console.log(person1.constructor === Person); //true
console.log(person2.constructor === Person); //true
构造函数的问题
使用构造函数的主要问题,就是每个方法都要在每个实例上重新创建一遍。在上面的例子中,person1和person2都有一个sayName()的方法,但是这两个方法不是同一个Function的实例。其实上面的Person函数也可以这样定义:
function Person(name,age,job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = new Function(
console.log(this.name)
)
}