this关键字的定义
this是Javascript语言的一个关键字。
普通定义:当前发生事件的对象。
通俗定义:当前的方法属于谁。
全局作用域中的this
console.log(this); // Window全局对象
在浏览器中执行,将会得到一个全局的Window对象。
在浏览器中执行,将会得到一个全局的Window对象。
1、纯粹的函数直接调用
var x = 1;function test(){
this.x = 0;}test();alert(x); //0
this作为全局对象Global调用,属于全局通用性。
2、作为对象的方法调用
function test(){
alert(this.x);}var o = {}; //声明一个对象o.x = 1; //给对象添加一个属性o.m = test; //给对象添加一个方法o.m(); // 1 调用方法,结果为1
当函数作为对象的方法被调用时,this指向当前调用该方法的对象。
3、作为构造函数调用
var x = 2;function test(){
this.x = 1;}var o = new test();alert(o.x); //1alert(x); //2
全局对象中的属性x并没有被改变,此时this指向该构造函数创建的对象。
4、apply、call、bind调用
var x = 0;function test(){
alert(this.x);}var o = {}; //声明一个对象o.x = 1; //给对象添加一个属性o.m = test; //给对象添加一个方法o.m.apply(); //0o.m.apply(o); //1o.m.call(); //0o.m.call(o); //1
call和apply都是Function对象的方法,都可以用来动态改变this的指向,达成函数复用的目的。
两个方法的第一个参数就是this,不传参数默认为全局对象,传入参数表示当前传入的对象。
注意:两种调用方式产生的结果完全相同。如果你已经有一个数组,使用apply方法,只有一个单独的变量,则用call方法。
嵌套函数作用域中的this
var a = 1;function test(){
console.log(this.a); // 2
var self = this;
function test2(){
console.log(self.a); // 2
}
test2();}var o = {}; //声明一个对象o.a = 2; //给对象添加一个属性o.m = test; //给对象添加一个方法o.m();
嵌套函数中,为了防止this作用域的混乱使用,通常自定义一个变量用于存储this,然后在嵌套函数内部使用这个变量,如代码中的self。
转载于:https://blog.51cto.com/4547985/2391447