JavaScript面向对象基础教程：类与实例

"JavaScript中支持面向对象的基础教程含代码示例" 在JavaScript中，面向对象编程是一种常见的编程范式，它允许我们通过类和对象来组织和处理数据。本教程将探讨JavaScript如何支持面向对象编程的基本概念，包括定义类、创建实例以及访问对象的属性和方法。 6.1 JavaScript中支持面向对象的基础 6.1.1 用定义函数的方式定义类 在JavaScript中，类通常通过函数来实现。这个函数不仅作为一个函数执行，还作为类的构造函数，负责对象的初始化。例如： ```javascript function Class1() { // 类成员的定义及构造函数 } ``` 6.1.2 使用`new`操作符获得一个类的实例 `new`操作符用于创建类的实例。例如，我们可以创建一个`Class1`的实例： ```javascript var obj1 = new Class1(); ``` `new`操作符不仅适用于内置类（如`Date`），也适用于用户自定义的类。当使用`new`调用函数时，函数会作为构造函数执行，返回一个新的对象。 6.1.3 使用方括号（[]）引用对象的属性和方法 在JavaScript中，对象的属性和方法可以通过点运算符（`.`)或方括号运算符（`[]`）来访问。点运算符直接引用属性名或方法名，而方括号运算符则允许动态指定属性名或方法名，特别是当属性名是变量或者包含特殊字符时： ```javascript var obj = { propertyName: 'value', method: function() { /* ... */ } }; // 使用点运算符 obj.propertyName; obj.method(); // 使用方括号运算符 var propName = 'propertyName'; var methodName = 'method'; obj[propName]; // 'value' obj[methodName](); // 执行方法 ``` 此外，数组也有类似的方法引用，例如`push()`方法： ```javascript var arr = new Array(); arr.push('abc'); // 向数组添加元素 ``` 但当我们需要动态调用`push`方法时，可以这样写： ```javascript var methodName = 'push'; arr[methodName]("def"); // 动态调用push方法 ``` 6.1.4 属性和方法的访问权限 JavaScript中没有严格的私有/公有属性和方法的概念，但可以通过闭包或命名约定来模拟。例如，将变量或函数定义在构造函数内部可以使其在类外部难以访问，达到类似私有的效果。 6.1.5 继承 JavaScript的继承主要通过原型链实现。一个对象可以将另一个对象作为其原型，从而继承原型上的属性和方法。`Object.create()`方法可以用来创建一个新对象并指定其原型： ```javascript function Base() {} Base.prototype.baseMethod = function() {}; function Derived() {} Derived.prototype = Object.create(Base.prototype); Derived.prototype.constructor = Derived; // 修复构造函数引用 var derivedObj = new Derived(); derivedObj.baseMethod(); // 调用继承的方法 ``` 总结，JavaScript中的面向对象编程涉及类的定义、实例的创建、属性和方法的访问，以及继承等概念。通过理解这些基础，开发者可以构建更复杂和可维护的代码结构。