首页 >> 综合精选 >

javascript中this用法有哪些

2022-11-21 13:17:01 来源: 用户: 

跟大家讲解下有关javascript中this用法有哪些,相信小伙伴们对这个话题应该也很关注吧,现在就为小伙伴们说说javascript中this用法有哪些,小编也收集到了有关javascript中this用法有哪些的相关资料,希望大家看到了会喜欢。

javascript中this用法:1、使用this指代全局对象;2、使用this指代上级对象;3、使用this指代new出的对象;4、使用this指代第一个参数。

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

javascript中this用法:

1、在一般函数方法中使用 this 指代全局对象

function test(){     this.x = 1;     alert(this.x);   }   test(); // 1

2、作为对象方法调用,this 指代上级对象

function test(){   alert(this.x); } var o = {}; o.x = 1; o.m = test; o.m(); // 1

3、作为构造函数调用,this 指代new 出的对象

  function test(){     this.x = 1;   }   var o = new test();   alert(o.x); // 1 //运行结果为1。为了表明这时this不是全局对象,我对代码做一些改变:   var x = 2;   function test(){     this.x = 1;   }   var o = new test();   alert(x); //2

4、apply 调用 ,apply方法作用是改变函数的调用对象,此方法的第一个参数为改变后调用这个函数的对象,this指代第一个参数

  var x = 0;   function test(){     alert(this.x);   }   var o={};   o.x = 1;   o.m = test;   o.m.apply(); //0 //apply()的参数为空时,默认调用全局对象。因此,这时的运行结果为0,证明this指的是全局对象。如果把最后一行代码修改为   o.m.apply(o); //1

相关免费学习推荐:javascript(视频)

以上就是javascript中this用法有哪些的详细内容,更多请关注php中文网其它相关文章!

来源:php中文网

  免责声明:本文由用户上传,与本网站立场无关。财经信息仅供读者参考,并不构成投资建议。投资者据此操作,风险自担。 如有侵权请联系删除!

 
分享:
最新文章