创建对象之二:构造函数模式

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();

与工厂模式相比

  1. 没有显式的创建对象
  2. 直接将属性和方法赋值给了this对象
  3. 没有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)
    )
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值