你的位置:首页 > Java教程

[Java教程]this工作原理


this是JavaScript语言中的一个关键字

在JavaScript语言中,this可以是全局对象、当前对象或其它任意对象

函数运行时会生成一个当前对象,该对象只在函数内部使用;一般来说,this正是指代该对象

函数使用场合不同,this值会发生变化,无论如何,有个原则:this总是指向调用函数的那个对象

在Backbone中,this指向extend扩展对象;而在AJAX中,this指向Window全局对象

 

普通函数调用

属于全局调用,this指向Window全局对象。先看如下代码所示

var get_sex = function (){	this.sex = 'man';	console.log(this, this.sex);};get_sex();

输出结果为Window全局对象与man;相当于我们在函数外部声明了一个变量sex。代码如下所示

var sex = 'man';var get_sex = function (){	console.log(this, this.sex);};get_sex();

输出结果同上

 

作为对象方法调用

属于对象的一个方法调用,this指向的当前对象就是该方法所属对象。代码如下所示

var $get_color = {	color: 'orange',	get : function ()	{		console.log(this, this.color);	}};$get_color.get();

输出结果为Object当前对象与orange;而this正是指向$get_color这个对象本身

 

作为构造函数调用

通过函数生成一个新对象,就叫做构造函数,this指向的当前对象就是这个新对象。先看如下代码所示

var get_number = function (){	this.number = 250;	console.log(this, this.number);};var $obj = new get_number();

输出结果为转化为当前对象的get_number与250;而新对象$obj等价于转化为当前对象的get_number。代码如下所示

var get_number = function (){	this.number = 250;};var $obj = new get_number();console.log($obj, $obj.number);

输出结果同上

 

apply/call调用

apply与call是Function.prototype(JavaScript内置对象的原型)中的方法,作用是改变调用函数的对象,它们的第一参数就代表改变后的调用这个函数的对象,而this指向被显式设置为第一参数。先看如下代码所示

var get_time = {	time: new Date().getTime(),	get : function ()	{		console.log(this.time);	}};get_time.get.apply(get_time);

输出结果为Object当前对象与时间戳;而参数为空时,默认调用Window全局对象。代码如下所示

var get_time = {	time: new Date().getTime(),	get : function ()	{		console.log(this, this.time);	}};get_time.get.apply();

输出结果为Window全局对象与null