javascript this讲解
this没那么复杂,其实this指向的就是他的父级obj
比如:
1.
console.log(this);在浏览器中打印出来的就是windows对象,没什么疑问
2.
function test(){
var a = 1;
console.log(this.a);
}test()打印出的也是windows对象,因为test function 的上层对象是windows
3.
var obj = {a: 1,b: function () {console.log(this);},c : {c1: 123,a: 'xx',c2: function() {console.log(this);}}}obj.b(); //打印的是obj对象,因为obj.b的上层对象是objobj.c.c2(); //打印出的是obj.c对象,因为obj.c.c2的上层对象是obj.c
4.
var obj = {a: 1,b: function () {console.log(this);},c : {c1: 123,a: 'xx',c2: function() {console.log(this);function test(){console.log('test',this);}test();}}}内部函数这种情况比较特殊,test function 的this指向全局,因为test在运行时才能执行,绑定的对象不可预测,丢失了上层对象一般来说,如果想获取上层对象,可以使用that的方式,var that = this.保存上层对象
5.
this 除了默认绑定到上层对象,也可以手动的进行对象绑定
var fn = function(){console.log(this)}.bind({a:1})fn();打印出来的this就是{a:1},注意,使用bind之后,apply/call方法就不能生效了
6.
this还可以在运行时绑定上下文:即this
var fn = function() {
console.log(this);
}
fn.call({a:1});
fn.apply({a:1});
所以javascript 中的 this没那么复杂,左绕右绕,其实就是指向父级obj,找不到就绑定顶级的windows,或者手动绑定
看图说话
![](https://images2015.cnblogs.com/blog/651708/201702/651708-20170213172115488-954087385.png)