js 一个例子弄清楚this的所有指代情况

this的四个原则:

  1. 函数预编译过程,this指向window,函数1内的函数2预编译过程,this指向函数1;
  2. 全局作用域时,this指向window
  3. call/apply/bind可以改变this指向
  4. obj.func(),func()内的this指向obj,谁调用指向谁

实例

var obj = {
	name: 'doudou',
	say: function() {
		test();
	}
}
function test() {
	console.log(this.name)
}
var name = 'feifei';
console.log(this.name); //feifei
test(); //feifei
test.call(obj); //doudou
obj.say(); //feifei

分析如下:

  1. console.log(this.name),此时为全局作用域,this指向window,输出feifei
  2. 执行test(),预编译test时,this指向window,输出feifei
  3. 指向test.call(obj),改变this指向obj,输出obj.name,doudou
  4. 执行obj.say(),此时say()内this指向obj,但执行test,test预编译时,this指向window,输出feifei,如果say改为function() {test.call(obj)}, 改变this指向obj,输出obj.name doudou
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值