首頁  >  文章  >  web前端  >  JavaScript中的this实例分析_javascript技巧

JavaScript中的this实例分析_javascript技巧

WBOY
WBOY原創
2016-05-16 18:07:121301瀏覽

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

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中的不同应用场景,可能还有其他的情况不一而足,以后发现了会补充进来。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn