且论函数中的this对象

我们知道函数是对象,而对象又是Object类型的实例,所以函数是Object类型的实例。同样,函数也是Function类型的实例。而Function又是Object类型的实例,因为一切引用类型都继承自Object,所以Function instanceof Object的值为true。但是很奇怪的一点是Object instanceof Function,Function instanceof Function, Object instanceof Object,这些值都为true。可见,Object类型和Function类型可以等价,但并不代表它们相同。因为Function === Object的值为false。这是题外话。下面进入正题。
还是那个例子,var name = ‘the window’; function F(){return this.name;}。函数名F是指向函数F的指针,F拥有Object的属性和方法,而当一个函数被执行时,它一定是属于某个对象的,换句话说,它一定有自己的执行环境对象。如果直接执行F()的话,这个执行环境的对象指向window,而如果在F的函数体内有this对象的话,该this指向window对象。变量name是在全局环境中定义的,所以它是window对象的属性,this.name相当于window.name,结果就是‘the window’。但是,如果是以下这种情况的话,结果又不同了。
var object = {
name: ‘object name’,
sayName: function(){
return this.name;
}
}
对象object是Object类型的实例,当执行object.sayName()时,函数会创建一个执行环境,该环境指向object对象,因为它的执行环境对象就是object。所以,匿名函数sayName中的this指向object对象。但是有一种方法,可以改变object.sayName中this的值。
var object2 = {
name: ‘object2 name’
},
创建一个object2对象,其中有一个name属性,然后调用object.sayName.apply(object2),结果就是‘object2 name’。为什么会这样呢?
原因很简单,每一个函数都有apply方法,该方法接受的第一个参数,是函数执行的环境对象,如果什么都不传的话,默认就是object对象,但是如果指定了object2对象的话,函数的指向环境对象就变成了object2,this也就自然指向了object2。可见利用apply方法或者call方法,可以实现函数跟对象之间松耦合的关系。
最后我们得出的结论就是,this对象永远不会是固定的,它视执行环境的不同而不同。而函数的执行环境它一定是在某个对象中创建的。而this就执向这个执行环境对象。它可以是全局的,也可以是局部的,this只是一个指针,就像object一样,只是个指针名字而已。this只会搜索到执行环境对象为止,不会去查询包含函数的执行环境对象,不同于变量的遍历,这一点需要注意。同样需要注意的就是,匿名函数的this具有全局性,默认指向window。可以参考js高级编程中的那个例子。
函数的执行环境,是在函数被调用的情况下而创建的。怎么调用函数?通常方法是,对象名.函数名(参数)。也就是说,函数它只要被执行,就一定需要有一个对象去调用它,至于这个对象是谁,也就决定了函数的执行环境的对象。但函数的执行,并不一定强制要求该函数是某个对象的方法。别忘了我们前面说的,利用函数的apply方法,可以随意指定执行环境对象。但是别忘了,函数要执行,它一定得要有一个宿主,也就是一定要有一个对象。函数需要在该对象下去创建执行环境。这里有一个容易搞混淆的点,就是函数的作用域它是在函数定义的时候创建的。首先从全局环境开始到局部环境。函数中的变量,和函数中的this对象,它们的行为方式,是不一样的。变量会沿着函数的作用域链一级一级地查询,this只是找到执行环境对象就停止了。

avatar

chilihotpot

You Are The JavaScript In My HTML