在JavaScript中实现类的方式探讨
2024-05-06 14:36:18
供稿：网友
在 javascript 中有很多方式来创建对象，所以创建对象的方式使用起来非常灵活。那么，到底哪一种方式是最恰当的对象创建方式呢？构造模式，原型模式还是对象原意模式（Object literal）呢？
但这些模式具体是怎么回事呢？
在开始讲解之前，让我们先清楚地介绍一下关于 javascript 基本知识。
有没有可能在 javascript 中实现面向对象编程的方式呢？
答案是可能的，javascript 是可以创建对象的！这种对象可以包含数据及能够操作数据的方法，甚至可以包含其他对象。它没有类但拥有构造函数；它没有类继承机制，但是可以通过原型（prototype）实现继承。
现在看起来，我们已经了解了在 javascript 中创建对象及实现基于对象编程时所必须的组成部分。
我们都知道 javascript 拥有私有变量。一个通过“var”关键字定义的变量，只能在函数体中被访问，而不能在函数外被访问。那么，如果我们不通过使用“var”关键字来定义变量会怎样呢？我们现在不对这个问题进行深入探讨，可能是通过“this”进行访问的，我会在另外的时间来详细讲述这个问题。
现在回到之前的问题。到底哪一种方式是最恰当的对象创建方式呢？
让我们用已经知晓的知识，通过创建Person的对象是来试验一下。
代码如下:
var Person = {
firstName : 'John',
lastName : 'Cody',
fullName : '',
message : '',
createFullName : function () {
fullName = this.firstName + ' ' + this.lastName;
},
changeMessage : function (msg) {
this.message = msg;
},
getMessage : function () {
this.createFullName();
return this.message + ' ' + fullName;
}
}
Person.firstName = 'Eli';
Person.lastName = 'Flowers'
Person.changeMessage('welcome');
var message = Person.getMessage(); // welcome Eli Flowers
alert(message);
这是对象原意模式(literal pattern)。这非常接近我们常创建对象的方式。如果你不需要关心私有/包装的成员，并且你知道不将创建这个对象的实例。那么，这种方式将会很适合你。公有的成员可以做所有私有成员的事情，不是吗？但是，这不是一个类，而是一个对象而已，不能被创建实例并且不能被继承。
让我们尝试下其他的方面：
代码如下:
var Person = {
firstName : 'John',
lastName : 'Cody',
fullName : '',
message : '',
createFullName : function () {
fullName = this.firstName + ' ' + this.lastName;
},
changeMessage : function (msg) {
this.message = msg;
},
getMessage : function () {
this.createFullName();
return this.message + ' ' + fullName;
}
}
Person.firstName = 'Eli';
Person.lastName = 'Flowers'
Person.changeMessage('welcome');
var message = Person.getMessage(); // welcome Eli Flowers
