面向对象编程

面向对象编程（oop）

JavaScript语言的对象体系，不是基于类（class），而是基于构造函数（constructor）和原型链（prototype）。

构造函数和new命令

构造函数是专门用来生成实例对象的函数。
构造函数的特点有三个：
1.为了与普通函数区别，构造函数名字的第一个字母通常大写。
2.函数体内部使用了this关键字，代表了所要生成的对象实例。
3.生成对象的时候，必须使用new命令。

var Vehicle = function (p) {
  this.price = p;
};

var v = new Vehicle(500);

使用new命令时，它后面的函数隐性地依次执行下面的步骤。
1.创建一个空对象，作为将要返回的对象实例。
2.将这个空对象的原型，指向构造函数的prototype属性。
3.将这个空对象赋值给函数内部的this关键字。
4.开始执行构造函数内部的代码。
也就是说，构造函数内部，this指的是一个新生成的空对象，所有针对this的操作，都会发生在这个空对象上。

this关键字

this总是指向当前对象，但是当前对象的意思会因为执行环境的不同而不同。
this总是返回一个对象。比如：this.property，this就代表property属性当前所在的对象。

函数都是在某个对象（环境）之中运行，this就是函数运行时所在的对象（环境）。

var person = {
  name: '张三',
  describe: function () {
    return '姓名：'+ this.name;
  }
};

person.describe()
//由于this.name是在describe方法中调用，describe方法是在person环境下，所以this在的环境也是person，所以this.name也是person.name.

var f = function () {
  console.log(this.x);
}
var x = 1;
var obj = {
  f: f,
  x: 2,
};
// 全局环境执行
f() // 1
// obj 环境执行
obj.f() // 2

this的几个使用场合

1. 全局环境下的this：指向window。
2. 构造函数中的this：指向实例对象。

   var Obj = function (p) {
      this.p = p;
   };
   var o = new Obj('Hello World!');
   o.p // "Hello World!"
   

3. 对象方法中的this：指向方法运行时所在的当前对象。所以：this.birth = xiaoming.birth = 1997。

   var xiaoming = {
   	name: 'xiaoming',
   	birth: 1997,
   	age: function(){
   		var y = new Date().getFullYear();
   		return y - this.birth;
   	}
   }
   xioaming.age;   //ƒ () {var y = new Date().getFullYear();return y - this.birth;}
   xioaming.age();  //29
   

4. 对象原型链上的this

   var o = {f:function(){return this.a + this.b}};
   var p = Object.create(o);
   p.a = 1;
   p.b = 4;
   console.log(p.f());//5
   //o是p的原型，p.a p.b p.f()都可以调用到原型上的方法、属性，this也是可以指向p的。
   

   **注意：**
   
    ```javascript
    var a = {
    	p: 'Hello',
    	b: {
    		m: function() {
   					console.log(this.p);
   			}
   		}
   };
   a.b.m() // undefined 当前this指向的是a.b
   ```
   

this使用注意

1. 避免多层this。在方法内部定义的函数，this指向undefined或者windows。

   var o = { 
   	f1: function () {
   			console.log(this);
   			var f2 = function () {
     				console.log(this);  //内层的this不指向外部，而指向顶层对象。
   			}();
   		}
   }
   o.f1()
   //上面代码包含两层this，结果运行后，第一层指向对象o，第二层指向全局对象
   
   //解决办法：
   var o = { 
   	f1: function () {
   			console.log(this);
   			var that = this;//变量that固定指向外层的this，然后在内层使用that，就不会发生this指向的改变。
   			var f2 = function () {
     				console.log(that);   
   			}();
   		}
   }
   

改变函数内部this指针的指向：

为了解决this指向发生变化的情况，可以使用以下几种方法对this进行绑定，也就是使得this固定指向某个对象，减少不确定性

//第一个参数都是this要指定的对象。第二个参数不同，call和bind都是传入函数的参数，apply是以数组形式传参数。
1. getAge.call(xiaoming,27);
2. getAge.apply(xiaoming, [27]); //参数为数组形式
3. getAge.bind(xiaoming,27);  //返回的是一个函数，所以不能立即执行。