JavaScript入门教程(3) js面向对象

这篇“JavaScript入门教程(3) js面向对象”教程，主要介绍了 JavaScript 的面向对象编程的基本概念和使用方法。在学习中，需要掌握以下几个方面的知识：

1. 对象和属性：在 JavaScript 中，每个对象都由一组属性构成。属性可以是 JavaScript 原始类型的值，例如字符串、数字和布尔值。也可以是对象或函数，这些对象是用来描述一些相关事物的。属性可以是公共的，也可以是私有的。

2. 对象和方法：在对象的属性中，还可以定义函数，这些函数通常称为方法；它们可以用来执行某些操作或计算对象的属性。这些函数可以是使用 JavaScript 函数定义语法定义的。

3. 构造函数和原型：对象可以使用构造函数进行创建。构造函数是一个特殊的函数，它用来初始化新创建的对象。同时，每个对象还有一个原型对象，它是包含共享属性和方法的对象。

4. 继承和多态：JavaScript 支持面向对象编程的两个基本特性——继承和多态。继承是指一个对象可以访问另一个对象的属性和方法。多态允许不同的对象对相同的方法做出不同的响应。

下面是两个示例，通过这些示例来更好的理解面向对象编程的基本概念和使用方法。

1. 对象和属性示例：

// 定义一个学生类
function Student(name, age) {
    this.name = name;
    this.age = age;
}

// 创建一个学生对象
var s = new Student("Tom", 18);
console.log(s.name); // 输出 "Tom"
console.log(s.age); // 输出 18

// 给学生对象添加属性
s.gender = "male";
console.log(s.gender); // 输出 "male"

在这个示例中，我们首先定义了一个学生类，这个类有两个属性 name 和 age。接着，我们使用 new 操作符创建了一个新的学生对象 s，并为其提供了初始值。最后，我们给学生对象添加了一个 gender 属性，并输出了其值。可以看到，我们可以为对象添加新的属性，这些属性只会在该对象上生效，不会影响到其他对象。

1. 构造函数和原型示例：

// 定义一个动物类
function Animal(name) {
    this.name = name;
}

// 向动物类添加方法
Animal.prototype.say = function() {
    console.log(this.name + " says hello!");
};

// 创建一个狗对象
var dog = new Animal("Dog");

// 调用狗对象的 say 方法
dog.say(); // 输出 "Dog says hello!"

// 创建一个猫对象
var cat = new Animal("Cat");

// 调用猫对象的 say 方法
cat.say(); // 输出 "Cat says hello!"

在这个示例中，我们定义了一个动物类 Animal，并向该类的原型对象添加了一个 say 方法。然后，我们使用 new 操作符创建了一个狗对象 dog 和一个猫对象 cat。最后，我们分别调用了这两个对象的 say 方法，并输出了它们的信息。可以看到，每个对象都可以使用类的方法，并且都有自己的属性。同时，这些对象共享了类的方法，从而实现了重用和简化代码的目的。

通过上述两个示例，自己动手练习，就可以更好的理解和掌握面向对象编程的基本概念和使用方法。