本文实例分析了JavaScript中this的用法。分享给大家供大家参考,具体如下:
一."this"公理
this关键字永远都指向函数(方法)的所有者;
function fn1(){ this }; fn1(); //this=>window oDiv.onclick=fn1; //this=>oDiv oDiv.onclick=function(){ this //this=>oDiv fn1(); //this=>window }
<div onclick="this.fn1();"></div> //这种行间脚本的写法现在非常罕见
这里的this指向div,fn1()里的this指向window
var it= { info:["腾讯","搜狐","新浪","百度"], getinfo:function() { alert(this.info.join(",")); } }; it.getinfo();
输出:腾讯,搜狐,新浪,百度
二.函数赋值给变量时的"this"问题
var it= { info:["腾讯","搜狐","新浪","百度"], getinfo:function() { alert(this.info.join(",")); } }; var data=it.getinfo; data();
输出:报错,TypeError: this.info is undefined
代码相当于
var data=function(){ alert(this.info.join(",")); }; data();
这里的this指向window,这里的data是被赋值,如果是var data=it.getinfo();那就是调用,结果还是腾讯,搜狐,新浪,百度。如果alert(this.it.info.join(","));结果还是腾讯,搜狐,新浪,百度。
var info=["QQ","sohu","sina","baidu"] var it= { info:["腾讯","搜狐","新浪","百度"], getinfo:function() { alert(this.info.join(",")); } }; var data=it.getinfo; data();
输出:QQ,sohu,sina,baidu
三.作为对象方法调用时的"this"问题
function test() { alert(this.x); } var o={}; o.x=1; o.t=test; o.t();
输出:1
四.作为构造函数调用时的"this"问题
var x=2; function test() { this.x=1; } test(); alert(x);
输出:1
var x=2; function test() { this.x=1; } var o=new test(); alert(o.x); alert(x);
输出:1,2
五.闭包中的"this"指向问题
var it= { info:["腾讯","搜狐","新浪","百度"], getinfo:function() { function abc(){ alert(this.info.join(",")); } abc(); } }; it.getinfo();
输出:报错,TypeError: this.info is undefined
闭包中的this不能指向it
解决方法
var it= { info:["腾讯","搜狐","新浪","百度"], getinfo:function() { var _this=this; function abc(){ alert(_this.info.join(",")); } abc(); } }; it.getinfo();
优点:无论外部函数名字(it)怎么变,都能指向info
更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
JavaScript,this
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。