本篇内容介绍了“JavaScript中this的用法”的有关知识，在实际案例的操作过程中，不少人都会遇到这样的困境，接下来就让小编带领大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！
创新互联公司专注为客户提供全方位的互联网综合服务，包含不限于网站设计、成都网站设计、涧西网络推广、成都小程序开发、涧西网络营销、涧西企业策划、涧西品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联公司为所有大学生创业者提供涧西建站搭建服务，24小时服务热线：13518219792，官方网址：www.cdcxhl.com
JavaScript的this和Java等面向对象语言中的this大不一样，bind()、call()和apply()函数更是将this的灵活度进一步延伸。
全局对象 (Global Object)
打开Chrome浏览器开发者面板(Windows: Ctrl + Shift + J)(Mac: Cmd + Option + J)，并且输入:
console.log(this);
看看输出了什么？
// Window {}window对象！ 因为在全局作用域下，this指向全局对象。在浏览器中全局对象就是window对象。
为了让你更加清楚理解为什么this会指向window对象，我们来看另外一个例子：
var myName = 'Brandon';
我们可以通过在控制台输入myName来访问其值：
myName // 输出 'Brandon'
其实，所有在全局定义的变量都绑定到window对象。我们来做如下测试：
window.myName // 输出 'Brandon' window.myName === myName // 输出 true
现在我们将this放到函数内部，看看有何效果。
function test(){
return this;
}
test();你会发现this依然指向全局的window对象。因为this关键字没有处于一个声明的对象内部，默认指向全局window对象。这一点可能对于大部分初学者来说有点难以理解。当读完这篇文章，你就会豁然开朗。
注意：如果在strcit模式下，上面的例子中this为undefined。
声明的对象 (Declared Object)
当this关键字在一个声明对象内部使用，其值会被绑定到调用该this的函数的最近的父对象。我们用例子来说明这个问题：
var person = {
first: 'John',
last: 'Smith',
full: function() {
console.log(this.first + ' ' + this.last);
}
};
person.full();
// 输出 'John Smith'在被声明的对象person中的full函数里面使用了this, 那么调用this的full函数的最近的父对象就是person, 因此，this指向person。
为了更好的描述this实际上是指向person对象的，你可以拷贝如下代码到浏览器控制台，将this打印出来。
var person = {
first: 'John',
last: 'Smith',
full: function() {
console.log(this);
}
};
person.full();
// 输出 Object {first: "John", last: "Smith", full: function}我们接下来看一个更复杂的例子：
var person = {
first: 'John',
last: 'Smith',
full: function() {
console.log(this.first + ' ' + this.last);
},
personTwo: {
first: 'Allison',
last: 'Jones',
full: function() {
console.log(this.first + ' ' + this.last);
}
}
};在这里我们有嵌套的对象，在这个时候，this分别指向谁呢？ 我们将其打印出来看一看：
person.full(); // 输出 'John Smith' person.personTwo.full(); // 输出 'Allison Jones'
你会发现满足我们前面所描述的规则：其值会被绑定到调用this的函数的最近的父对象。
new关键字
当使用new关键字构建一个新的对象，this会绑定到这个新对象。我们来看一个例子：
function Car(make, model) {
this.make = make;
this.model = model;
};根据第一条规则，你可能会推断this指向全局对象。但是如果我们使用new关键字来声明一个新的变量，Car函数中的this将会绑定一个新的空对象，然后初始化this.make和this.model的值。
var myCar = new Car('Ford', 'Escape');
console.log(myCar);
// 输出 Car {make: "Ford", model: "Escape"}call, bind, 和apply
我们可以显示的在call()，bind()，apply()中设置this的绑定对象。这三个函数很类似，但是我们需要注意它们微小的区别。
我们来看一个例子：
function add(c, d) {
console.log(this.a + this.b + c + d);
}
add(3,4);
// 输出 NaNadd函数输出NaN, 因为this.a和this.b未定义。
现在我们引入对象，并且使用call()和apply()来调用：
function add(c, d) {
console.log(this.a + this.b + c + d);
}
var ten = {a: 1, b: 2};
add.call(ten, 3, 4);
// 输出 10
add.apply(ten, [3,4]);
// 输出 10当我们使用add.call()，第一个参数是this需要绑定的对象，剩下的是add函数本来的参数。
因此，this.a指向ten.a,this.b指向ten.b。add.apply()也类似，除了第二个参数是一个数组，用于存储add函数的参数。
bind()函数和call()类似，但是bind()函数不会立即被调用。bind()函数会返回一个函数，并且将this绑定好。接下来我们来用例子来帮助理解bind()函数的应用场景：
var small = {
a: 1,
go: function(b,c,d){
console.log(this.a+b+c+d);
}
}
var large = {
a: 100
}执行:
small.go(2, 3, 4); // 输出 10
如果我们想使用large.a的值，而不是small.a呢？ 我们可以使用call/apply:
small.go.call(large, 2, 3, 4); // 输出 109
但是，如果我们现在还不知道这三个参数应该传入什么值，应该怎么办呢？ 我们可以使用bind:
var bindTest = small.go.bind(large, 2);
如果我们将bindTest在控制台下打印出来，我们会看到：
console.log(bindTest);
// 输出 function (b,c,d){console.log(this.a+b+c+d);}注意：该函数已经将this绑定到large对象，并且传入了第一个参数b。所以，我们接下来是需要传入余下的参数即可：
bindTest(3, 4); // 输出 109
“JavaScript中this的用法”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站，小编将为大家输出更多高质量的实用文章！
