JavaScript模拟类与继承：构造函数法与Object.create()

"本文主要探讨JavaScript中如何模拟类(class)以及实现类的继承关系，重点关注在ES6之前的方法。文章提到了两种常见的模拟类的方法，并通过示例代码进行了详细解释。" 在JavaScript中，尽管ES6引入了`class`语法糖，但在ES6之前，开发者需要借助其他方式来模拟类的概念。以下是两种主要的模拟类的方法： 1. 构造函数法 这是最经典的方式，使用`function`创建构造函数，并通过`new`关键字来实例化对象。属性和方法通常定义在构造函数的`prototype`对象上，以便多个实例可以共享这些方法。例如： ```javascript function Person(name, age, job) { this.name = name; this.age = age; this.job = job; } Person.prototype.sayName = function() { alert(this.name); }; var person1 = new Person("张三", "29", "web前端经理"); var person2 = new Person("李四", "22", "医生"); person1.sayName(); // 弹出 "张三" console.log(person2.name); // 输出 “李四” ``` 2. `Object.create()`法 自ES5开始，`Object.create()`提供了一种创建新对象并指定其原型的新方法。这种方法中，“类”实际上是一个对象而不是函数。例如： ```javascript var myMammal = { name: 'HerbtheMammal', get_name: function() { return this.name; }, says: function() { return this.saying || ''; } }; var myCat = Object.create(myMammal); myCat.name = 'Henrietta'; myCat.saying = 'meow'; myCat.get_name = function() { console.log(this.says + '' + this.name + this.says); }; myCat.get_name(); ``` 关于JavaScript中的继承，它通常通过原型链来实现。通过设置一个对象的`__proto__`指向另一个对象，就可以让一个对象继承另一个对象的属性和方法。在ES6中，`class`语法引入了`extends`关键字，使得类的继承更加直观。但在ES6之前的代码中，可以使用以下方式实现继承： ```javascript function Animal(name) { this.name = name; } Animal.prototype.sayName = function() { console.log(this.name); }; function Cat(name, color) { Animal.call(this, name); // 调用父类构造函数 this.color = color; } Cat.prototype = Object.create(Animal.prototype); // 设置原型链 Cat.prototype.constructor = Cat; // 修复constructor指向 Cat.prototype.sayColor = function() { console.log(this.color); }; var myCat = new Cat('Kitty', 'white'); myCat.sayName(); // 输出 "Kitty" myCat.sayColor(); // 输出 "white" ``` 以上代码展示了如何在没有`class`和`extends`的情况下模拟类和继承关系。理解这些概念对于深入学习JavaScript至关重要，因为它们是JavaScript面向对象编程的基础。通过这种方式，开发者可以在不支持或不完全支持ES6特性的环境中实现类和继承的逻辑。