js中关于this的一个小问题

我们平时在写代码的时候肯定少不了和this打交道，我们都认为this是指向自己，但是这句话其实是不完全正确的，可以看下面的代码：

function show(){
			var a = 10;
			console.log(this.a);
		}
		show();

这段代码并不会像大家想象中那样输出一个10，而是输出undefined，这是为什么呢，推翻了大家心中的this指向自己这个说法。再看下面这段代码：

function show(){
				var a = 10;
				console.log(this.a);
			}
			var a = 'golbal';
			show();   //输出golbal
			

从上面可以看出这个this.a指向的是全局中的a，所以this应该说是指向调用他的那个作用域。

var obj = {
				
				a: function(){
					console.log(this);  //输出的是window
				},
				b:{
					x: 20,
					func: function(){
						console.log(this);
					}
				}
			}
			
			var c = obj.a;
			
			c();  //在window中调用

但是我们想让他指向自己而不是调用它的那个作用域怎么办呢，可以使用call方法

var obj = {
			
			a: function(){
				
				console.log(this);
				
			},
			b:{
				x: 20,
				func: function(){
					console.log(this.x);
				}
			}
		}
		
		
		var c = obj.a;
		c.call(obj.b)    //这里会输出20
		c.call(obj.a);  //这里会输出ƒ (){console.log(this);}  a函数本身

使用一个.call()函数就可以改变this的指向。除了这个函数之外还有和call()相同的apply()方法，另一个比较重要的也可以实现类似效果的是bind()方法 这是一个绑定函数。