javascript中this用法有哪些-js教程-PHP中文网

javascript中this用法有哪些

coldplay.xixi

发布： 2021-04-09 17:02:38

原创

2819人浏览过

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

javascript中this用法有哪些

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

javascript中this用法：

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

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

登录后复制

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

立即学习“Java免费学习笔记（深入）”；

Beyond商城 2008修改版

感谢广大歌迷长期以来对网站的支持和帮助，很多朋友曾经问我要过这个商城程序，当时由于工作比较忙，一直没空整理，现在好啦，已全部整理好了，在这里提供给有需要的朋友，没有任何功能限制，完全可以使用的，只是有些商品的广告需自己修改一下，后台没有办法修改，需要有HTML基础才可以修改，另外，哪位朋友在使用的时候，发现了BUG请与我们联系，大家共同改进，谢谢！后台管理地址：http://你的域名/admin/

查看详情

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

登录后复制