深入理解js中this的用法
this是js的一个关键字，随着函数使用场合不同，this的值会发生变化。但是总有一个原则，那就是this指的是调用函数的那个对象。
1、纯粹函数调用。
function test() {
this.x = 1;
alert(x);
}
test();
其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。其实这里的this就是全局变量。看下面的例子就能很好的理解其实this就是全局对象Global。
var x = 1;
function test() {
alert(this.x);
}
test();//1
var x = 1;
function test() {
this.x = 0;
}
test();
alert(x);//0
2、作为方法调用，那么this就是指这个上级对象。
function test() {
alert(this.x);
}
var o = {};
o.x = 1;
o.m = test;
o.m(); //1
3、作为构造函数调用。所谓构造函数，就是生成一个新的对象。这时，这个this就是指这个对象。
function test() {
this.x = 1;
}
var o = new test();
alert(o.x);//1
4、apply调用
var x = 0;
function test() {
alert(this.x);
}
var o = {};
o.x = 1;
o.m = test;
o.m.apply(); //0
o.m.apply(o);//1
当apply没有参数时，表示为全局对象。所以值为0。
以上这篇深入理解js中this的用法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍深入理解Javascript中this的作用域，包括了深入理解Javascript中this的作用域的使用技巧和注意事项，需要的朋友参考一下 大家在使用Javascript的时候经常被this这个家伙搞得晕头转向的。对大多数有OOP开发经验的开发人员来说this是当前作用域中引用普通元素的标识符，但是在Javascript中它却显得古灵精怪的，因为它不是固定不变的，而是随着它的执行环
-
本文向大家介绍深入理解js函数的作用域与this指向，包括了深入理解js函数的作用域与this指向的使用技巧和注意事项，需要的朋友参考一下 函数的作用域与this指向是js中很重要的一部分，理清这点东西需要个逻辑，看看我的逻辑怎么样... 下面是个提纲，可以直接挑你感兴趣的条目阅读。 • 函数的定义方式：直接定义（window下，内部定义），对象的方法，对象原型的方法； • 函数的调用方式：直接调
-
本文向大家介绍深入理解Javascript中的this关键字，包括了深入理解Javascript中的this关键字的使用技巧和注意事项，需要的朋友参考一下 自从接触javascript以来，对this参数的理解一直是模棱两可。虽有过深入去理解，但却也总感觉是那种浮于表面，没有完全理清头绪。 但对于this参数，确实会让人产生很多误解。那么this参数到底是何方神圣？ 理解this this是一
-
本文向大家介绍深入理解java中this关键字的使用，包括了深入理解java中this关键字的使用的使用技巧和注意事项，需要的朋友参考一下 一，表示类中属性 1，没有使用this的情况 运行结果： 姓名：null,年龄：0； 可以得出结论：此时并没有正确将内容赋给属性； 假设身边有一只笔，远处也有一只笔，肯定会就近拿身边的笔。这在构造方法中一样。 所以此时操作的name,age都是构造方法中定义的
-
本文向大家介绍深入理解Javascript箭头函数中的this，包括了深入理解Javascript箭头函数中的this的使用技巧和注意事项，需要的朋友参考一下 首先我们先看一段代码，这是一个实现倒数功能的类「Countdown」及其实例化的过程： 运行这段代码时，将会出现异常「this._step is not a function」。 这是Javascript中颇受诟病的「this错乱」问题：s
-
本文向大家介绍深入理解JS addLoadEvent函数，包括了深入理解JS addLoadEvent函数的使用技巧和注意事项，需要的朋友参考一下 首先是addLoadEvent函数的代码清单： 理解起来就是： 1.把现有的window.onload事件处理函数的值存入变量 oldonload; 2.如果在这个处理函数上还没有绑定任何函数，就像平常那样把新函数添加给它； 3.如果在这个处理函数上已