JavaScript面向对象程序设计创建对象的方法分析

站长资源 2024/11/26 佚名

35 1538 35

DDR爱好者之家 Design By 杰米

本文实例讲述了JavaScript面向对象程序设计创建对象的方法。分享给大家供大家参考，具体如下：

面向对象的语言具有一个共同的标志，那就是具有“类”的概念，但是在javascript中没有类的概念，在js中将对象定义为“无序属性的集合，其属性可以包含基本值，对象或者函数”，即其将对象看作是一组名值对的散列表。这样问题就来了，如何创建对象呢？

在最开始时使用object构造函数和对象字面量来创建单个对象，下面简要介绍这两种方法。

object构造函数：创建自定义对象的最简单方式就是创建一个object的实例，然后为这个实例添加属性和方法：

var person=new object();
person.name="haha";
person.age=20;
person.job="搞笑工作者";
person.sayName=function(){
   alert(this.name);
};

在上面的代码中，定义了一个person对象，并且添加了三个属性和一个方法，其中方法采用的时函数表达式的方式实现，这是用object构造函数的方式创建一个对象。

对象字面量：

var person={
  name:"haha",
  age:20,
  job:"搞笑工作者",
  sayName:function(){
    alert(this.name);
  }
}

以上代码中同样创建了一个person对象，这种方法类似于代码块的方式，实现了对一个person对象的创建。

以上这两种方法中，都需要大量重复定义，在我们需要创建对象时就需要重复以上代码，不够精炼，所以出现了工厂模式和构造函数模式类创建对象的方法。

工厂模式：

工程模式抽象了创建具体对象的过程（专业书籍中给出），其实说的比较明白点就是采用函数的形式，用函数来封装创建对象的过程，再创建对象时以调用函数的形式创建。例如：

function createPerson(name,age,job){
  var o=new object();
  o.name="haha";
  o.age=20;
  o.job="搞笑工作者";
  o.sayName=function(){
    alert(this.name);
  };
  return o;
}
var person1=createPerson("hehe",22,"呵呵工作者");
var person2=createPerson("heihei",23,"嘿嘿工作者");

在这种工厂模式下，将以object构造函数创建对象的方法封装到了一个函数中，在以后的创建对象的过程中，直接调用此方法就可以创建出一个接着一个的对象。

构造函数模式：

构造函数模式相对于工厂模式的优势在于构造函数模式可以创建特定类型的对象。

function Person(name,age,job){
  this.name=name;
  this.age=age;
  this.job=job;
  this.sayName=function(){
    alert(this.name);
  };
}
var person1=new Person("hehe",22,"呵呵工作者");
var person2=new Person("heihei",23,"嘿嘿工作者");

在以上代码中，定义一个Person()的方法，在Person()方法中，将其属性进行了实例化，这种方法类似于在面向对象语言中在实例化类时直接会调用的构造函数，利用这种方法，将此函数大致相当于面向对象语言中的类，可以在以后的代码中不断的实例化，用以不断创建出此类的对象。在Javascript中，这种构造函数也是一种函数，不过是专门用于创建对象而已。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

JavaScript,面向对象,创建对象

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“JavaScript面向对象程序设计创建对象的方法分析”

暂无评论...

JavaScript面向对象程序设计创建对象的方法分析

AngularJS中ng-options实现下拉列表的数据绑定方法

vue.js template模板的使用(仿饿了么布局)

评论“JavaScript面向对象程序设计创建对象的方法分析”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接