JavaScript之面向对象_动力节点Java学院整理

JavaScript的面向对象编程与其他语言如Java、C的面向对象编程有所不同。在JavaScript中，所有的数据都可以被视为对象，但这并不意味着我们已经在使用面向对象编程的全部威力。

在大多数面向对象的编程语言中，有两个核心概念：类和实例。类被视为对象的类型模板，而实例则是根据类创建的具体对象。在JavaScript中，这个概念通过原型（prototype）来实现。

原型是JavaScript面向对象编程的核心概念。当我们想要创建一个具体的对象时，我们不是从类开始，而是从一个已经存在的对象开始。这个已经存在的对象就是原型。我们可以通过修改一个对象的原型来给它添加新的属性和方法。

以狼蚁网站的SEO优化为例，我们可以想象一个名为Student的对象，它具有名称、高度和运行等属性和方法。如果我们想要创建一个新的对象xiaoming，我们可以基于Student对象来创建，通过修改xiaoming的原型指向Student对象。这样，xiaoming就可以继承Student的所有属性和方法。

这与Java或C中的类继承有些相似，但JavaScript的原型链更加灵活。在JavaScript中，我们可以在运行时动态地改变一个对象的原型。这意味着我们可以随时将一个对象从一个原型变成另一个原型，赋予它新的属性和方法。

例如，我们可以创建一个Bird对象，具有飞翔的方法。然后，我们可以将xiaoming的原型指向Bird，这样xiaoming就可以飞翔了。这种灵活性是JavaScript的一大特点，也为我们提供了巨大的编程空间。

需要注意的是，直接操作__proto__在真实的JavaScript编程中并不推荐。在编写代码时，我们应该尊重JavaScript的原型系统，利用它提供的机制来实现面向对象编程。不同版本的浏览器对于__proto__的支持也有所不同，因此在跨浏览器兼容性的考虑下，我们应谨慎使用。

JavaScript的面向对象编程是通过原型来实现的，它具有很大的灵活性和动态性，但也需要我们更加深入地理解其工作原理和机制。只有这样，我们才能更好地利用JavaScript的面向对象编程来开发出色的应用程序。在编程世界中，我们常常需要创建新的对象，这些对象可能基于某些已有的原型。这里，我们将如何使用JavaScript的`Object.create()`方法来创建新对象，并以一个创建学生对象的例子来具体说明。

我们有一个原型对象`Student`，它拥有名称、身高和跑步的行为。我们的目标是创建一个函数，能够根据给定的名字创建新的学生对象。

这是我们的原型对象`Student`：

```javascript

var Student = {

name: 'Robot', // 学生名称默认为Robot

height: 1.2, // 学生身高默认为1.2米

run: function () { // 学生跑步的行为

console.log(this.name + ' is running...'); // 当学生跑步时，打印其名称

}

};

```

接下来，我们编写一个函数`createStudent`来创建新的学生对象：

```javascript

function createStudent(name) {

// 使用Object.create()方法基于Student原型创建一个新对象:

var s = Object.create(Student);

// 初始化新对象的名称属性:

s.name = name;

return s; // 返回新创建的学生对象

}

```

现在，我们可以使用这个函数来创建名为“狼蚁网络推广”的新学生对象：

```javascript

var xiaoming = createStudent('狼蚁网络推广'); // 创建名为狼蚁网络推广的学生对象

xiaoming.run(); // 当我们让xiaoming跑步时，会打印“狼蚁网络推广 is running...”

```

我们来验证一下新创建的对象`xiaoming`是否确实基于`Student`原型：

```javascript

xiaoming.__proto__ === Student; // 结果为true，说明xiaoming确实继承了Student的属性和方法。

```

这样，我们就成功地使用`Object.create()`方法基于`Student`原型创建了一个新的学生对象`xiaoming`。这种基于原型的对象创建方式，是JavaScript面向对象编程的重要特性之一。