下面小编就为大家带来一篇深入理解 js 中 this 的用法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
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 的用法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0228/265365.html