首页 > web前端 > js教程 > JavaScript中的this实例分析_javascript技巧

JavaScript中的this实例分析_javascript技巧

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-05-16 18:07:12
原创
1369 人浏览过

以人为镜,可知得失,看来这句话是很有道理的。

Demo 1 :
如果是一个全局的function,则this相当于window对象,在function里定义的各种属性或者方法可以在function外部访问到,前提是这个function需要被调用。

复制代码 代码如下:



Demo 2 :
如果使用new的方式去实例化一个对象,则this不等于window对象,this指向function a的实例
复制代码 代码如下:



Demo 3 :
使用prototype扩展方法可以使用this获取到源对象的实例,私有字段无法通过原型链获取
复制代码 代码如下:



Demo 4 :
不管是直接引用function,还是实例化一个function,其返回的闭包函数里的this都是指向window
复制代码 代码如下:



Demo 5 :
在HTML中使用this,一般代表该元素本身
复制代码 代码如下:

Click Me



Demo 6 :
在IE和火狐(Chrome)下注册事件,this分别指向window和元素本身
复制代码 代码如下:

Click Me



以上就是我总结的this在javascript中的不同应用场景,可能还有其他的情况不一而足,以后发现了会补充进来。
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
JavaScript钩子函数是什么?
来自于 1970-01-01 08:00:00
0
0
0
怎么实现 JavaScript点与圆的位置关系
来自于 1970-01-01 08:00:00
0
0
0
c++ 调用javascript
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板