Javascript定义类（class）的三种方法详解

将近20年前，Javascript诞生的时候，只是一种简单的网页脚本语言。如果你忘了填写用户名，它就跳出一个警告。 如今，它变得几乎无所不能，从前端到后端，有着各种匪夷所思的用途。程序员用它完成越来越庞大的项目。 Javascript代码的复杂度也直线上升。单个网页包含10000行Javascript代码，早就司空见惯。2010年，一个工程师透露，Gmail的代码长度是443000行！ 编写和维护如此复杂的代码，必须使用模块化策略。目前，业界的主流做法是采用”面向对象编程”。因此，Javascript如何实现面向对象编程，就成了一个热门课题。 麻烦的是，Javascipt语法不支持”类”（ 在JavaScript中，面向对象编程（OOP）是组织和管理复杂代码的重要手段。尽管JavaScript的原始设计并不直接支持类的概念，但程序员们通过创新的方法来模拟类的行为。以下是三种常用的JavaScript定义类的方法： 1. 构造函数法： 这是最传统的方式，通过构造函数来创建对象的模板。构造函数通常以大写字母开头，用来初始化对象的属性。`this`关键字在构造函数内部用于引用新创建的对象。例如： ```javascript function Cat(name) { this.name = name; } Cat.prototype.makeSound = function() { console.log("Meow"); } var cat1 = new Cat("Whiskers"); console.log(cat1.name); cat1.makeSound(); ``` 这种方法允许使用原型链共享方法，但涉及到`this`和`prototype`，可能使代码显得较复杂。 2. `Object.create()`法： ECMAScript 5引入的`Object.create()`方法允许我们基于一个对象创建新对象，这种方式更简洁。例如： ```javascript var Cat = { name: "Fluffy", makeSound: function() { console.log("Meow"); } }; var cat1 = Object.create(Cat); console.log(cat1.name); cat1.makeSound(); ``` 然而，`Object.create()`不支持私有属性或方法，且实例间无法共享数据，因此对于类的模拟并不完全。 3. 极简主义法（Gabor de Mooij的方法）： 这种方法更接近于函数式编程，避免使用`this`和`prototype`。类被表示为一个对象，其中包含一个`createNew`构造函数，用于生成实例。例如： ```javascript var Cat = { createNew: function(name) { var cat = {}; cat.name = name; cat.makeSound = function() { console.log("Meow"); }; return cat; } }; var cat1 = Cat.createNew("Shadow"); console.log(cat1.name); cat1.makeSound(); ``` 这种方法简洁且易于理解，但同样不支持传统的私有成员和共享状态。 以上三种方法各有优缺点，适用于不同的场景。在选择时，开发者需要根据项目的具体需求和团队的熟悉程度来决定。随着ES6的发布，JavaScript引入了正式的`class`语法糖，它在语法层面更加贴近传统面向对象语言，但实际上仍然是基于原型的机制。因此，理解这些模拟类的方法对于深入理解JavaScript的OOP至关重要。