创建对象的方法

一、工厂模式

 function createPerson(name, age, job) {
            var o = new Object();
            o.name = name;
            o.age = age;
            o.job = job;
            o.sayName = function () {
                alert(this.name);
            };
            return o;
        }
 var person1 = createPerson('张三', 19, '程序员')

解决了创建多个相似对象的问题,却没有解决对象识别的问题。

二、构造函数模式

 function Person(name, age, job) {
            this.name = name;
            this.age = age;
            this.job = job;
            this.sayName = function () {
                alert(this.name);
            };
        }
 var person1 = new Person('张三', 28, '程序员')
 var person2 = new Person('李四', 25, '产品经理')

与工厂模式的不同:

1、没有显式的创建对象
2、 直接将属性和方法赋给了this对象
3、 没有return语句
缺点
当创建两个不同的实例时,person1和person2都有一个sayName()方法,但这两个方法不是同一个Function的实例。

补充
要创建Person的新实例,必须要有new操作,new操作的步骤:
1、创建一个新的对象
2、将构造函数的作用域赋给新对象(关键字this指向新对象)
3、执行构造函数中的代码并将构造函数里的属性和方法赋给新对象的this
4、返回新对象

原型模式

每一个函数都有一个prototype属性,这个属性是一个指针,指向一个对象,这个对象包含可以由特定类型的所有实例共享的属性和方法。

function Person() { }
Person.prototype.name = '张三';
Person.prototype.age = 25;
Person.prototype.job = "程序员";
Person.prototype.sayName = function () {
  alert(this.name);
}
var person1 = new Person();
person1.sayName();   //张三
var person2 = new Person();
person2.sayName();  //张三
alert(person1.sayName == person2.sayName); //true

构造函数是一个空函数,所有的属性和方法添加到了prototype上,新对象会有相同的属性和方法,这些属性和方法是共享的。

组合使用构造函数模式和原型模式(最常用)

构造函数模式用于定义实例属性,原型模式用于定义方法和共享的属性。每个实例都会有自己的一份实例属性的副本,但又同时共享着对方法的引用,最大限度的节省了内存。

function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.friend = ['A','B']
}
Person.prototype.sayName = function () {
    alert(this.name)
}
var person1 = new Person('张三', 25, '程序员')
var person2 = new Person('李四', 28, '产品经理')

console.log(person1.name);  //  张三
console.log(person2.name);  //李四

person1.friends.push('王五')
console.log(person1.friends);//['A','B','王五']
console.log(person2.friends);['A','B']
console.log(person1.sayName == person2.sayName); // true

这种方法是目前使用最广泛、认同感最高的一种创建自定义类型的方法。

此外还有寄生模式和稳妥构造函数模式等。

注:本文内容整理自《javaScript高级程序设计》

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值