博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
对this的浅解
阅读量:5173 次
发布时间:2019-06-13

本文共 727 字,大约阅读时间需要 2 分钟。

简单通过几个例子记录一下自己对 this 的理 解:

  1. function fn(){  alert(this) --------->window.alert(this)     //此时的this指的是  window}fn();

    上面这种函数调用方式我会经常用到。

  2. oDiv.οnclick=fn;            //此时fn里的this指的就是  oDiv

    接下来让我们看看元素点击事件

  3. oDiv.οnclick=function(){    1.this;            //这是当前this --------->oDiv    2.fn();            //此函数中的this(上面第一个函数)------------------>window}

     可能还会使用行内事件

  4. //此时的this一看就知道是当前的div

     

  5. //此时fn()函数里的this指的是 window

    对第3个例子进行一个应用 :当前this与fn()函数的this指的不是同一个对象  如果我们想要做下面这个例子,那就是不会实现.

    这就需要我们保存this,用其他变量代替。

  6. oDiv.οnclick=function(){      改:   fn1(that);                     添加  that=this;别忘记传参啊; }function   fn1(that){  this.style.color="red";    改为: that.style.color="red";}

转载于:https://www.cnblogs.com/nf1206/p/6018691.html

你可能感兴趣的文章
开源框架中常用的php函数
查看>>
nginx 的提升多个小文件访问的性能模块
查看>>
set&map
查看>>
集合类总结
查看>>
4.AE中的缩放,书签
查看>>
1.开发准备
查看>>
centos su命令
查看>>
CLR:基元类型、引用类型和值类型
查看>>
dubbo序列化hibernate.LazyInitializationException could not initialize proxy - no Session懒加载异常的解决...
查看>>
jQuery中的事件绑定的几种方式
查看>>
泥塑课
查看>>
setImageBitmap和setImageResource
查看>>
springMVC4 注解配置实例
查看>>
单片机编程
查看>>
Filter in Servlet
查看>>
Linux--SquashFS
查看>>
Application Pool Identities
查看>>
2017-3-24 开通博客园
查看>>
【MySQL性能优化】MySQL常见SQL错误用法
查看>>
Vue2全家桶之一:vue-cli(vue脚手架)超详细教程
查看>>