zoukankan      html  css  js  c++  java
  • js中的this详解

    在web前端开发中,javascript中的this和其他的JAVA,C#等大型语言一样,是一个重要概念。但是要注意的是,在javascript中,由于 javascript的动态性,this的指向在运行时才确定,这就需要我们掌握它的工作原理。

    零度接下来来分析分析。

    默认的this

    Javascript 下,所有的属性都默认为window对象所有,所以说this也不例外,看下面的例子,先来个热身:

    var a = “123”;
    function fn(){
    var a = “345”;
    alert(this.a);//与window.a相同
    }
    fn();//  123

    由此可见,fn()执行时,函数里的this 指向全部对象window。

    指定事件的this

    再看下面这个例子:

    window.onload = function(){
    document.getElementById(“box”).onclick = function(){
    alert(this.style.width);
    };
    }

    运行弹出的是id为box元素的宽,表明这里的this指向的是当前元素。

    不指定事件元素的时候this指定的是window,指定事件元素的时候,this指定当前发生事件的元素。

  • 相关阅读:
    Flask 请求源码分析
    Flask 上下文管理
    flask-基础知识
    分布式爬虫
    数据结构
    webpack安装和入门
    vue相关
    vue入门
    修改npm全局安装模式的路径
    Vue2+VueRouter2+Webpack+Axios
  • 原文地址:https://www.cnblogs.com/lingdublog/p/6475317.html
Copyright © 2011-2022 走看看