JavaScript中创建对象的几种模式

谁借莪１个温暖的怀抱￠ 2022-07-12 13:20 172阅读 0赞

### **JavaScript中创建对象的几种模式** ###

**一:Object构造函数或对象字面量创建单个对象**

Object构造函数: var peopel = new Object();

peopel.name="Tom";

对象字面量:      var people=\{

name : "Tom"

\};

缺点:使用同一个接口创建多个对象,会产生大量的重复代码.

**二:工厂模式**

考虑到ESMAScript中无法创建类,开发人员发明了一种函数,用函数来封装以特定接口创建对象的细节

function People(name)\{

var o = new Object();

o.name = name;

return o;

\}

var person1 = new People("Tom");

优点:解决了多个相似对象的问题.

缺点:没有解决对象识别的问题(怎么知道一个对象的类型);

**三:构造函数模式**

function People(name)\{

this.name = name;

\}

var person1 = new People("Tom");

优点:创建自定义的构造函数意味着将来可以将它的实例标识为一种特定的类型.

alert(person1  instanceof  People); //true

缺点:每个方法都要在实例上重新创建一遍,但可以通过把函数定义转移到构造函数外部来解决此问题.

function Person(name)\{

this.name = name;

this.sayName = new Function("alert(this.name)");

\}

var person1 = new People("Tom");

var person2 = new People("Bob");

alert(person1.sayName==person2.sayName);  //false

这里创建两个完成相同任务的Function实例确实没有必要,所以可以这样写:

function Person(name)\{

this.name = name;

this.sayName = sayName;

\}

function sayName(name)\{

alert(this.name);

\}

但是这样做,全局作用域中定义的函数实际上只能被某个对象调用,让全局作用域有点名不副实;如果需要定义很多方法,那么就需要定义很多全局函数,于是自定义的引用                   类型就丝毫没有包装性可言,好在这些问题可以通过原型模式来解决.

**四:原型模式**

与构造函数不同的是:新对象的这些属性和方法是由所以实例所共享的.

function  Person()\{\};

Person.prototype.name="Tom";

var person1 = new Person();

alert(person1.name);  //Tom

**五:组合使用构造函数模式和原型模式**

构造函数用于定义实例属性;原型模式用于定义方法和共享的属性,这种方式是用来定义引用类型的一种默认模式.

发表评论取消回复

表情：

评论列表（有 0 条评论，172人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript中创建对象的几种方法

1、使用new关键字调用构造器创建对象 function Person(name,age){ this.name=name;

太过爱你忘了你带给我的痛/ 2022年08月23日 00:59/ 0 赞/ 187 阅读

相关 JavaScript中创建对象的几种方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

野性酷女/ 2022年08月09日 05:29/ 0 赞/ 251 阅读

相关转：javascript中创建对象的几种方式

前言：随着web 2.0 的兴起（最具代表性的是Ajax技术了），javascript不再是程序员眼中的“玩具语言”。编程在不断的简化，可是“用户体验、

短命女/ 2022年08月03日 11:54/ 0 赞/ 214 阅读

相关 JavaScript中创建对象的几种模式

JavaScript中创建对象的几种模式一:Object构造函数或对象字面量创建单个对象 Object构造函数: var peopel = new Objec

谁借莪１个温暖的怀抱￠/ 2022年07月12日 13:20/ 0 赞/ 173 阅读

相关 JavaScript创建对象的几种模式

1. 工厂模式其基本思想是：创建一个函数，在函数中创建一个对象，给对象增加属性和方法，最后返回该对象。下面是一个简单的工厂模式： function creat

喜欢ヅ旅行/ 2022年06月18日 00:27/ 0 赞/ 195 阅读

相关 JavaScript创建对象的几种模式

前言 -------------------- > 对象字面量以及Object构造函数均可以创建单个对象，但是这样的方式有一个致命缺点，会产生大量的重复代码，为了解决这

怼烎@/ 2022年06月08日 03:54/ 0 赞/ 226 阅读

相关 JavaScript中创建对象的几种方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

阳光穿透心脏的1/2处/ 2022年06月02日 03:58/ 0 赞/ 227 阅读

相关 javascript对象的几种创建方式

1、通过Object构造函数或对象字面量创建单个对象　　这些方式有明显的缺点：使用同一个接口创建很多对象，会产生大量的重复代码。为了解决这个问题，出现了工厂模式。 2

约定不等于承诺〃/ 2022年05月19日 10:11/ 0 赞/ 270 阅读

相关 JavaScript创建对象的几种方式

JavaScript创建对象的几种方式 1. 2. 通过字面量的方式创建对象 var obj{ name:"张学友", j

谁践踏了优雅/ 2022年05月14日 02:29/ 0 赞/ 301 阅读

相关 javascript中创建对象的几种方式

虽然new Object( )和对象字面量的都可以用来创建单个对象，但有个缺点：如果使用同一接口创建许多对象，那么会产生冗余代码。一、工厂模式 functio

我会带着你远行/ 2022年03月16日 06:58/ 0 赞/ 329 阅读