【深刻理解javascript】this的用法

引用:this的用法html

在函数中this到底取何值,是在函数真正被调用执行的时候肯定的,函数定义的时候肯定不了闭包

状况1:构造函数

函数做为构造函数用,那么其中的this就表明它即将new出来的对象。另外注意,构造函数的函数名第一个字母大写(规则约定)。例如:Object、Array、Function等。app

还有一种状况,在构造函数的prototype中,this表明着什么。函数

如上代码,在Fn.prototype.getName函数中,this指向的是f1对象。所以能够经过this.name获取f1.name的值。this

其实,不单单是构造函数的prototype,即使是在整个原型链中,this表明的也都是当前对象的值。spa

注意,以上仅限new Foo()的状况,即Foo函数做为构造函数的状况。若是直接调用Foo函数,而不是new Foo(),状况就大不同了。prototype

这种状况下this是window,咱们后文中会说到。htm

状况2:函数做为对象的一个属性

若是函数做为对象的一个属性时,而且做为对象的一个属性被调用时,函数中的this指向该对象。对象

以上代码中,fn不只做为一个对象的一个属性,并且的确是做为对象的一个属性被调用。结果this就是obj对象。blog

注意,若是fn函数不做为obj的一个属性被调用,会是什么结果呢?

如上代码,若是fn函数被赋值到了另外一个变量中,并无做为obj的一个属性被调用,那么this的值就是window,this.x为undefined。

状况3:函数用call或者apply调用

当一个函数被call和apply调用时,this的值就取传入的对象的值。至于call和apply如何使用,不会的朋友能够去查查其余资料。

状况4:全局 & 调用普通函数

在全局环境下,this永远是window。

普通函数在调用时,其中的this也都是window。

————————-不过下面的状况你须要注意一下:————————-

函数f虽然是在obj.fn内部定义的,可是它仍然是一个普通的函数,this仍然指向window。(这就是闭包)

相关文章
相关标签/搜索