javascript面向对象2-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

javascript面向对象2

简介: 原文:javascript面向对象2 首先我们先创建一个对象 var user = Object(); user.name = "张三"; user.age = 20; user.sex = "男"; 上面呢创建了一个对象,当然创建对象的方法有很多种,但是用这样的方法创建对象比较简单直观,也是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

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

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章
最新文章
相关文章