js中的this指向问题

this指向

1. 函数预编译过程中this指向window
2. 全局作用域里this指向window
3. call/apply可以改变函数运行时this指向
4. 谁调用这个方法,这个方法里this指向的就是谁

看下面一个例子:

		var name = '我是全局的';
		var a = {
			name: '我是a的',
			say: function(){
				console.log(this.name);
			}
		}

		var fun = a.say;
		fun();    // 打印'我是全局的' 
		a.say();  // 打印'我是a的'

		var b = {
			name: '我是b的',
			say: function(fun){
				fun();
			}
		}
		b.say(a.say);  // 打印'我是全局的'  
		b.say = a.say;
		b.say();       // 打印'我是b的'  

那么来讲解一下为什么会这么打印?
第一个,将一个函数的引用保存到全局中,然后在全局调用,此时函数内的this会指向window,所以打印‘我是全局的‘。
第二个,直接调用,this指向a。打印’我是a的‘。
第三个,将a的say方法的引用当作实参传入b的say方法中,但是执行的时候还是fun()自执行的,所以this还是指向window。打印’我是全局的‘。
第四个,将b对say方法的指向变成了对a的say方法的指向,相当于a的say方法覆盖了b的say方法,但是此时是b对该方法的调用,所以this指向b。打印’我是b的‘。

再来看下面一个例子:

		var a = 5;
		function test(){
			a = 0;
			console.log(a);
			console.log(this.a);
			var a;
			console.log(a);
		}
		new test();  // 0 undefined 0
		test();      // 0 5 0

这里需要解释一下:
    1. 带new的执行构造函数即new test(),其中会创建一个this对象
    2. 不带new的执行构造函数即test(),其中的this指向window

所以如果是new出来的话this.a就去this对象里找a这个属性,如果不是new出来的话this.a就去window里找a这个属性。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值