javascript面向对象2

本文详细介绍了JavaScript中创建对象的基本方法,并通过实例展示了工厂模式解决实例化对象时代码重复的问题。同时,文章深入探讨了如何使用构造函数解决对象识别问题,提供了完整的示例代码以供参考。
原文: javascript面向对象2

首先我们先创建一个对象

var user = Object();
user.name = "张三";
user.age = 20;
user.sex = "男";

上面呢创建了一个对象,当然创建对象的方法有很多种,但是用这样的方法创建对象比较简单直观,也是JavaScript种创建对象最基本的方法。

同时呢也出现了另外一个弊端,当我们想要创建多个对象的时候,我们就要写很多重复的代码,这样一来就增加了代码量,减少了工作的效率,

为了解决这样的问题,我们可以使用一种叫做工厂模式的方法,这种方法 就是为了解决实例化对象产生大量重复代码的问题。

那么现在我们来看一下什么是工厂模式,有什么好处?

 

function test(name,age,sex){
    var user = new object();
          user.name = name;
          user.age = age;
          user.sex = sex;
          user.obj = function (){
                 return  this.name+"    "+this.age+"      "+this.sex;
          }
          return  user;
}

var  obj1 = test('张三',20,'男');
var  obj2 = test('李四',20,'男');

alert(obj1.obj);
alert(obj2.obj);

这样呢就解决了创建重复的对象的问题了.

 

从上面的代码我们可以看出,工厂模式解决了实例化时代码大量重复的问题,但又出现了一个问题,那就是识别问题,我们根本无法弄清楚他们到底是哪个对象的实例。比如

alert(typeof obj1);  //Object

alert(obj1 instanceof Object);  //true

以上代码标明obj1是Object对象,但是我们无法知道具体是哪一个对象创建的。

 

构造函数(构造方法)

function User(name, age) {    //构造函数模式
  this.name = name;
  this.age = age;
  this.show = function () {
    return this.name  + ' '+this.age;
  };
}  

创建对象的时候用new运算符就可以了:

var user1 = new User('bclz', 30);    //第一个实例
var user2 = new User('bcxb', 20);    //第二个实例

现在我们就可以检测user1或者user2是不是属于User。

alert(user1 instanceof User);//true

可见,使用构造函数的方法,即解决了重复实例化的问题,又解决了对象识别的问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值