zoukankan      html  css  js  c++  java
  • this的初步理解

    函数中的this
    1.函数中的this,表示当前行为执行的主体
    2.上下文context表示当前行为执行的环境或区域
    3.主体和环境相互不影响. eg:在公司,花花拖地 和 在家,花花拖地 花花是拖地行为执行的主体,在哪属于环境,
    4.如何区分this
      1.函数执行,函数名前面有没有点,如有点则this就是点前面的东西,反之this是window
      2.自执行函数的this永远是window
      3.给元素某个事件绑定方法,事件触发的时候,执行对应的方法,方法中的this指当前元素

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <title>Document</title>
    </head>
    
    <body>
      <script>
      function fn() {
        console.log(this);
      }
      var obj = {
        fn:fn
      };
      obj.fn(); // 点前面是obj,this指obj
      fn(); // 没点 ,this指window, 其实因为全局对象window,相当于window.fn()
    
    
      // 自执行函数,this指window
      ~ function() {
        console.log(this)
      }();
      // this指document
      document.onclick = fn;
      // fn里的this是window,前面没有点
      document.onmouseover = function() {
        fn();
      }
      </script>
    </body>
    
    </html>

    点击查看详情

  • 相关阅读:
    4-18
    Vue学习 2017-4-9
    前端杂谈
    不错的博客哦!
    待整理知识杂项
    Vue学习历程
    王工的权限理解
    【NX二次开发】图标图像
    【转】C++怎么读写windows剪贴板的内容?比如说自动把一个字符串复制.
    获取计算机名
  • 原文地址:https://www.cnblogs.com/2han/p/6273526.html
Copyright © 2011-2022 走看看