JavaScript中this工作原理

**

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

在JavaScript语言中，this可以是全局对象、当前对象或其它任意对象。
在AJAX中，this指向Window全局对象。
而在Backbone中，this指向extend扩展的当前对象

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

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

1.普通函数调用（属于全局调用，this指向Window全局对象）
var Get_Sex = function ()
{
this.sex = ‘man’;
console.log(this, this.sex);
};
Get_Sex();
输出结果为：相当于我们在函数外部声明了一个变量sex
var sex = ‘man’;
var Get_Sex = function ()
{
console.log(this, this.sex);
};
Get_Sex();
输出结果是一样的

2.作为对象方法调用（属于当前对象的一个方法调用，this指向该方法属于的当前对象）
var $Get_Color = {
color: ‘orange’,
get : function ()
{
console.log(this, this.color);
}
};
$Get_Color.get();
输出结果为：

this正是指向$get_color这个对象本身

3.作为构造函数调用（通过函数生成一个新对象，就叫做构造函数，this指向这个新建的当前对象）
var Get_Number = function ()
{
this.number = 250;
console.log(this, this.number);
};
var $Number = new Get_Number();

等价于

var Get_Number = function ()
{
this.number = 250;
};
var $Number=newGe{t}_{N}umber();console.log($Number, $Number.number);

4.apply与call调用(apply与call是Function.prototype（JavaScript内置对象的原型）中的方法，作用是改变调用函数的对象，它们的第一参数就代表改变后的调用这个函数的对象，而this指向被显式设置为第一参数。)
var $Get_Time = {
time: new Date().getTime(),
get : function ()
{
console.log(this, this.time);
}
};
$Ge{t}_{T}ime.get.apply($Get_Time);
输出结果为：

输出结果为Object当前对象与时间戳；而参数为空时，默认调用Window全局对象
转载来源：https://www.cnblogs.com/johnl/p/4849624.html