JavaScript中this工作原理

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中this工作原理，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1800字，纯文字阅读大概需要3分钟。

内容图文

**

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 = new Get_Number(); console.log($Number=newGetN?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);
}
};
$Get_Time.get.apply($GetT?ime.get.apply(Get_Time);
输出结果为：

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

内容总结

以上是互联网集市为您收集整理的JavaScript中this工作原理全部内容，希望文章能够帮你解决JavaScript中this工作原理所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端