JavaScript中this的用法实例分析

前端之家收集整理的这篇文章主要介绍了JavaScript中this的用法实例分析前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例分析了JavaScript中this的用法分享给大家供大家参考,具体如下:

一."this"公理

this关键字永远都指向函数(方法)的所有者;

window oDiv.onclick=fn1; //this=>oDiv oDiv.onclick=function(){ this //this=>oDiv fn1(); //this=>window }
//这种行间脚本的写法现在非常罕见

这里的this指向div,fn1()里的this指向window

百度"],getinfo:function() { alert(this.info.join(",")); } }; it.getinfo();

输出:腾讯,搜狐,新浪,百度

二.函数赋值给变量时的"this"问题

输出:报错,TypeError: this.info is undefined

代码相当于

这里的this指向window,这里的data是被赋值,如果是var data=it.getinfo();那就是调用,结果还是腾讯,百度。如果alert(this.it.info.join(","));结果还是腾讯,百度

输出:QQ,sohu,sina,baidu

三.作为对象方法调用时的"this"问题

输出:1

四.作为构造函数调用时的"this"问题

输出:1

输出:1,2

五.闭包中的"this"指向问题

输出:报错,TypeError: this.info is undefined

闭包中的this不能指向it

解决方法

优点:无论外部函数名字(it)怎么变,都能指向info

更多关于JavaScript相关内容可查看本站专题:《》、《》、《》、《》、《》、《》、《》及《

希望本文所述对大家JavaScript程序设计有所帮助。

原文链接:https://www.f2er.com/js/43406.html

猜你在找的JavaScript相关文章