this的语法理解

this在英文中是一个指示代词，表示这；这个

顾名思义，在编程于语言里，this就是一个指代作用。

我在人民广场吃着炸鸡

小明也在人民广场吃着炸鸡

人民广场还有跳广场舞的阿姨

还有三只小猫在人民广场睡觉

这样表达没毛病，但是太过繁琐，如果把重复的人民广场用这来代替，就会变成：

我在人民广场吃着炸鸡

小明也在这吃着炸鸡

这还有跳广场舞的阿姨

还有三只小猫在这睡觉

如果在写代码的时候，太多对象名字重复使用，会使代码看起来繁琐，不简洁，乱等等，我们就可以使用this来解决这个问题。接下来具体看看this究竟有些什么语法，以及怎么用？

一、this的绑定方式

1.默认绑定
			function fn(){
				console.log(this);
			}
			fn()
我们可以看到，函数在全局调用的时候，this默认指向window对象

2.隐式绑定
			var obj ={
				name:'亚索',
				age:'20岁',
				height:'185cm',
				weight:'150斤',
				ziliao:function(){
					console.log('姓名:'+ this.name);
					console.log('年龄:'+ this.age);
					console.log('身高:'+ this.height);
					console.log('体重:'+ obj.weight);
				}
			}
			obj.ziliao()
我们通过上面这个例子可以看到，当我们调用一个对象的方法时，就会出现隐式绑定，this会指向对象。如果不用this，也可以把this换成obj，是一样的，只不过this更方便。此时this指向当前对象，翻译为这个名字，这个年龄，这个身高，这个体重。

3.显式绑定

		var lol = {
			name:'阿卡丽',
			whatName:function(){
				console.log('我最爱的英雄是'+this.name);
			}
		}
		var hero1 ={
			name:'卡特琳娜'
		}
		var hero2 ={
			name:'卢锡安'
		}
		lol.whatName.apply(hero1)
		lol.whatName.apply(hero2)
		lol.whatName.call(hero1)
		lol.whatName.call(hero2)

这种方法可以指定this的绑定对象。call()与apply()的效果是完全相同的

4.构造函数绑定
		function People(name) {
			this.name = name;
			this.favour = function() {
				console.log('我最喜欢的英雄是' + this.name);
			}
		}
		var name = '卡特琳娜'
		var Lovename = new People('阿卡丽')
		Lovename.favour();
当我们new一个构造函数，得到的这个实例,它继承了构造器的构造属性以及原型上的属性。

5.箭头函数绑定

其实箭头函数是没有this的，如果想在箭头函数中用this。那么一定要把箭头函数嵌套在一个作用域内部，箭头函数的this指向取决于外层作用域中的this，外层作用域或函数的this指向谁，箭头函数中的this就指向谁。这有点继承的意思，但更重要的是，箭头函数本身没有this，如果绑定成功，则没有办法修改。

二、两个细节

1.严格模式

严格模式即'use strict'

严格模式下，规定禁止this关键字指向全局对象window，此时this会绑定到undefined

    function fn(){
            'use strict'
            console.log(this);
        }
        fn()    //打印结果为undefined      
                // 'use strict'   是一种声明关键词，告诉浏览器，此时是严格模式。

2.如何更改this指向

一般的,我们常用call(),apply()方法来更改this指向

首先call(),apply()是函数自带的方法，在调用函数时，可以改变this指向。这一点在显示绑定里，有了详细的说明。

call方法接受的是一个实参列表，第一个实参指向this，其余实参赋给形参进入函数。

语法：
fn.call(this,参数2,参数3,参数4)
apply方法接受的是一个实参列表，第一个实参指向this，其余实参会在一个数组里，以数组为参数的形式赋值给形参进行传参

语法：
fn.apply(this,[参数2,参数3,参数4])

还有一个方法就是bind（），但是意义不大，有兴趣可以去MDN官网查看。