JavaScript之this

参考文档http://blog.csdn.net/ligang2585116/article/details/47059289

this的绑定和函数声明的位置没有任何关系,只取决于函数的调用位置(也就是函数的调用方式)!

var foo = “golbal foo”;
var myObj = {foo : ‘myObj foo’};
var say = function(){
console.log(this.foo);
}

myObj.say = say;
myObj.say(); //结果:myObj foo
say(); //结果:golbal foo

一、分类

1、默认绑定–函数调用类型:独立函数调用,this指向全局对象

var a = “foo”;
function foo(){
console.log(this.a);
}
foo(); // “foo”
在严格模式下,全局对象将无法使用默认绑定,因此this会绑定到undefined

var a = “foo”;
function foo(){
“use strict”;
console.log(this.a);
}
foo(); // TypeError:this is undefined

  1. 隐式绑定–调用位置是否有上下文对象,或者说被某个对象拥有或者包含

    function foo(){
    console.log(this.a);
    }
    var obj1 = {
    a : 2,
    foo : foo
    }
    var obj2 = {
    a : 1,
    obj1 : obj1
    }
    obj2.obj1.foo(); //结果:2
    当foo()被调用时,它的落脚点指向obj1对象,隐式绑定规则会把函数调用中的this绑定到这个上下文对象。

3、显示绑定
(1)call,apply
(2)硬绑定

function foo(){
console.log(this.a);
}
var obj = { a:2 };
var bar = function(){
foo.call(obj);
};
bar(); //2
setTimeout( bar, 1000); //2
bar.call( window ); //2

创建了函数bar(),在其内部手动调用了foo.call(obj),因此强制把foo的this绑定到了obj上。无论之后如何调用函数bar,总会手动在obj上调用foo。这种显示的强制绑定,称为“硬绑定”。

  1. new绑定new调用函数会自动执行下面操作:
    (1)创建(或者说构造)一个全新的对象;
    (2)这个新对象会被执行[[原型]]连接;
    (3)这个新对象会绑定到函数调用的this;
    (4)如果函数没有返回其他对象,那么new表达式中的函数调用会自动返回这个新对象。

二、优先级
了解了函数调用中this绑定的四条规则,需要做的就是找到函数的调用位置并判断对应哪条规则。
1. 函数是否是new绑定?如果是,this绑定的是新创建的对象。

var bar = new Foo();

  1. 函数是否通过call、apply显示绑定或硬绑定?如果是,this绑定的是指定的对象。

var bar = foo.call(obj);

  1. 函数是否在某个上下文对象中隐式调用?如果是,this绑定的是那个上下文对象。

var bar = obj.foo();

  1. 上述全不是,则使用默认绑定。如果在严格模式下,就绑定到undefined,否则绑定到全局window对象。

var bar = foo();

三、call、apply、bind区别

都是用来改变函数的this对象的指向的;
第一个参数都是this要指向的对象;
都可以利用后续参数传参;
bind是返回对应函数,便于稍后调用,apply、call是立即调用;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值