js面向对象编程

1：JavaScript的面向对象编程和大多数其余语言如Java、C#的面向对象编程都不太同样。若是你熟悉Java或C#，很好，你必定明白面向对象的两个基本概念：

1. 类：类是对象的类型模板，例如，定义Student类来表示学生，类自己是一种类型，Student表示学生类型，但不表示任何具体的某个学生；

2. 实例：实例是根据类建立的对象，例如，根据Student类能够建立出xiaoming、xiaohong、xiaojun等多个实例，每一个实例表示一个具体的学生，他们全都属于Student类型。

因此，类和实例是大多数面向对象编程语言的基本概念。

不过，在JavaScript中，这个概念须要改一改。JavaScript不区分类和实例的概念，而是经过原型（prototype）来实现面向对象编程。

2：

原型是指当咱们想要建立xiaoming这个具体的学生时，咱们并无一个Student类型可用。那怎么办？刚好有这么一个现成的对象：

var robot = { name: 'Robot', height: 1.6, run: function () { console.log(this.name + ' is running...'); } }; 

咱们看这个robot对象有名字，有身高，还会跑，有点像小明，干脆就根据它来“建立”小明得了！

因而咱们把它更名为Student，而后建立出xiaoming：

var Student = { name: 'Robot', height: 1.2, run: function () { console.log(this.name + ' is running...'); } }; var xiaoming = { name: '小明' }; xiaoming.__proto__ = Student; 

注意最后一行代码把xiaoming的原型指向了对象Student，看上去xiaoming仿佛是从Student继承下来的：

xiaoming.name; // '小明' xiaoming.run(); // 小明 is running... 

xiaoming有本身的name属性，但并无定义run()方法。不过，因为小明是从Student继承而来，只要Student有run()方法，xiaoming也能够调用：

JavaScript的原型链和Java的Class区别就在，它没有“Class”的概念，全部对象都是实例，所谓继承关系不过是把一个对象的原型指向另外一个对象而已。

若是你把xiaoming的原型指向其余对象：

var Bird = { fly: function () { console.log(this.name + ' is flying...'); } }; xiaoming.__proto__ = Bird; 

如今xiaoming已经没法run()了，他已经变成了一只鸟：

xiaoming.fly(); // 小明 is flying... 

在JavaScrip代码运行时期，你能够把xiaoming从Student变成Bird，或者变成任何对象。

请注意，上述代码仅用于演示目的。在编写JavaScript代码时，不要直接用obj.__proto__去改变一个对象的原型，而且，低版本的IE也没法使用__proto__。Object.create()方法能够传入一个原型对象，并建立一个基于该原型的新对象，可是新对象什么属性都没有，所以，咱们能够编写一个函数来建立xiaoming：

// 原型对象: var Student = { name: 'Robot', height: 1.2, run: function () { console.log(this.name + ' is running...'); } }; function createStudent(name) { // 基于Student原型建立一个新对象: var s = Object.create(Student); // 初始化新对象: s.name = name; return s; } var xiaoming = createStudent('小明'); xiaoming.run(); // 小明 is running... xiaoming.__proto__ === Student; // true