精华内容
下载资源
问答
  • 这篇文章主要介绍了JavaScript this使用方法图解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 本文我们介绍下jsthis用法。 由上图可得,默认this指向...
  • javascript this 用法

    2010-05-26 13:36:00
    原文地址:http://www.cnblogs.com/daniel-shen/archive/2006/07/12/449280.html javascriptthis用法:1.">division element this 指向div2. division element var div = document.getElementById(e

    原文地址:http://www.cnblogs.com/daniel-shen/archive/2006/07/12/449280.html

     

    javascript 中this 的用法:
    1.<div οnclick="// 可以在里面使用this">division element</div> this 指向div
    2.    <div id="elmtDiv">division element</div>
           <script language="javascript">
            var div = document.getElementById('elmtDiv');
            div.attachEvent('onclick', EventHandler);  //attachEvent把div的onclick事件和一个方法绑定

             function EventHandler()
             {
             // 在此使用this
              }
            </script>在此this 指向window对象,若要引用div对象this.event.srcElement;
    3、用DHTML方式在事件处理函数中使用this关键字:
    <div id="elmtDiv">division element</div>
     <script language="javascript">
     var div = document.getElementById('elmtDiv');
     div.onclick = function()
     {
        // 在此使用this
     };
     </script>产生的方法同上,但此处的this 指向div
    4、类定义中使用this关键字:
    function JSClass()
      {
          var myName = 'jsclass';
          this.m_Name = 'JSClass';
      }
      JSClass.prototype.ToString = function()
      {
          alert(myName + ', ' + this.m_Name);
      };
      var jc = new JSClass();
      jc.ToString();// 这是JavaScript模拟类定义中对this的使用,这个和其它的OO语言中的情况非常的相识。但是这里要求成员属性和方法必须使用this关键字来引用,运行上面的程序会被告知myName未定义。
    5、为脚本引擎内部对象添加原形方法中的this关键字:
    Function.prototype.GetName = function()
      {
          var fnName = this.toString();
          fnName = fnName.substr(0, fnName.indexOf('('));
          fnName = fnName.replace(/^function/, '');
          return fnName.replace(/(^/s+)|(/s+$)/g, '');
      }
      function foo(){}
      alert(foo.GetName());    //这里的this指代的是被添加原形的类的实例,和4中类定义有些相似,没有什么太特别的地方。
    展开全文
  • javascript this用法小结

    2020-12-10 12:10:18
    这个特性在给我们带来迷惑的同时也带来了编程上的 自由和灵活,结合apply(call)方法,可以使JS变得异常强大。2.变化的thisJavaScript中,this通常指向的是我们正在执行的函数本身,或者是指向该函数所属的对象...
  • javascript this用法

    2009-07-21 18:10:00
    thisJavaScript中功能最强大的关键字之一。不幸的是,如果你不知道它具体怎么工作,你将很难正确使用它。this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象。但是在...

    this是JavaScript中功能最强大的关键字之一。不幸的是,如果你不知道它具体怎么工作,你将很难正确使用它。

    this是面向对象语言中的一个重要概念,在JAVA,C#等大型语言中,this固定指向运行时的当前对象。但是在javascript中,由于 javascript的动态性(解释执行,当然也有简单的预编译过程),this的指向在运行时才确定。这个特性在给我们带来迷惑的同时也带来了编程上的 自由和灵活,结合apply(call)方法,可以使JS变得异常强大。


    2.变化的this
    在JavaScript中,this通常指向的是我们正在执行的函数本身,或者是指向该函数所属的对象(运行时)。当我们在页面中定义了函数 doSomething()的时候,它的owner是页面,或者是JavaScript中的window对象(或 global对象)。对于一个onclick属性,它为它所属的HTML元素所拥有,this应该指向该HTML元素。


    本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/zsf0615020117/archive/2009/05/27/4221359.aspx

    展开全文
  • Javascriptthis用法

    2020-10-20 15:29:19
    本文主要介绍了Javascriptthis用法,具有很好的参考价值,有需要了解的朋友可以看看
  • 主要介绍了javascriptthis用法,结合具体实例形式详细分析了javascript中this的含义及对象、函数等各种调用中的使用技巧,需要的朋友可以参考下
  • jsthis用法实例详解

    2020-10-24 07:26:15
    主要介绍了jsthis用法,实例分析了this指向windows、指向对象及改变this指向的相关技巧,需要的朋友可以参考下
  • JavaScriptthis关键字使用方法详解
  • JavaScriptthis用法

    2021-03-07 15:42:30
    JavaScriptthis用法什么是this不同使用场合纯粹的函数调用作为对象方法的调用作为构造函数调用apply、call和bind方法调用ES6箭头函数 什么是this this是 JavaScript 语言的一个关键字,它是函数运行时,在函数体...


    什么是this

    this是 JavaScript 语言的一个关键字,它是函数运行时,在函数体内部自动生成的一个对象,即函数运行时所在的环境对象,只能在函数体内部使用


    不同使用场合

    函数的不同使用场合,this有不同的值


    纯粹的函数调用

    属于全局性调用,因此this就代表全局对象

    var x = 1;
    function test() {
       console.log(this.x);
    }
    test();  // 1
    
    //函数中的函数也是
    var x = 1;
    function test()
    {
        var x = 2;
        (function(){
            console.log(this.x);
        })();
    }
    test();   //1
    

    作为对象方法的调用

    函数作为某个对象的方法调用时,this就指向这个上级对象

    function test() {
      console.log(this.x);
    }
    
    var obj = {};
    obj.x = 1;
    obj.m = test;
    
    obj.m(); // 1
    

    作为构造函数调用

    this指向通过构造函数产生的新对象

    var x = 2;
    
    function test() {
      this.x = 1;
    }
    
    var obj = new test();
    x  // 2
    obj.x // 1
    

    apply、call和bind方法调用

    apply()方法的作用是改变函数的调用对象。它的第一个参数就表示改变后调用这个函数的对象。因此,这时this指的就是这第一个参数
    apply()的参数为空时,默认调用全局对象

    var x = 0;
    function test() {
     console.log(this.x);
    }
    
    var obj = {};
    obj.x = 1;
    obj.m = test;
    obj.m.apply() // 0
    obj.m.apply(obj); //1
    

    call()bind()方法同理


    ES6箭头函数

    箭头函数没有自己的this,所以内部的this就是外层代码块的this


    转载:阮一峰的网络日志:《JavaScript的this用法》

    展开全文
  • javascriptthis用法

    2014-12-10 16:32:17
    Javascriptthis用法 this是Javascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,  function test(){  this.x = 1;  } 随着函数使用...

    Javascript的this用法

    this是Javascript语言的一个关键字。

    它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,

      function test(){

        this.x = 1;

      }

    随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。

    下面分四种情况,详细讨论this的用法。

    情况一:纯粹的函数调用

    这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。

    请看下面这段代码,它的运行结果是1。

      function test(){

        this.x = 1;

        alert(this.x);

      }

      test(); // 1

    为了证明this就是全局对象,我对代码做一些改变:

      var x = 1;

      function test(){

        alert(this.x);

      }

      test(); // 1

    运行结果还是1。再变一下:

      var x = 1;

      function test(){

        this.x = 0;

      }

      test();

      alert(x); //0

    情况二:作为对象方法的调用

    函数还可以作为某个对象的方法调用,这时this就指这个上级对象。

      function test(){

        alert(this.x);

      }

      var o = {};

      o.x = 1;

      o.m = test;

      o.m(); // 1

    情况三 作为构造函数调用

    所谓构造函数,就是通过这个函数生成一个新对象(object)。这时,this就指这个新对象。

      function test(){

        this.x = 1;

      }

      var o = new test();

      alert(o.x); // 1

    运行结果为1。为了表明这时this不是全局对象,我对代码做一些改变:

      var x = 2;

      function test(){

        this.x = 1;

      }

      var o = new test();

      alert(x); //2

    运行结果为2,表明全局变量x的值根本没变。

    情况四 apply调用

    apply()是函数对象的一个方法,它的作用是改变函数的调用对象,它的第一个参数就表示改变后的调用这个函数的对象。因此,this指的就是这第一个参数。

      var x = 0;

      function test(){

        alert(this.x);

      }

      var o={};

      o.x = 1;

      o.m = test;

      o.m.apply(); //0

    apply()的参数为空时,默认调用全局对象。因此,这时的运行结果为0,证明this指的是全局对象。

    如果把最后一行代码修改为

      o.m.apply(o); //1

    运行结果就变成了1,证明了这时this代表的是对象o

    展开全文
  • 在本篇文章里小编给大家分享了关于JavaScriptthis用法学习笔记以及知识点总结,有兴趣的朋友们学习下。
  • 主要介绍了javaScriptthis用法,实例分析了javascript中this的用途与相关的使用技巧,需要的朋友可以参考下
  • JavaScript this用法

    2021-03-12 17:27:02
    js this用法 this的多种指向: 1、在对象方法中, this 指向调用它所在方法的对象。 2、单独使用 this,它指向全局(Global)对象,严格模式下同样。 3、函数使用中(默认),this 指向函数的所属者,在浏览器中,...
  • 介绍了5分钟理解JavaScriptthis用法,有需要的朋友可以参考一下
  • JSthis用法

    2019-04-18 16:46:20
    JSthis用法 1.在一般函数方法使用 this 指代全局对象 function test(){  this.x = 1;  alert(this.x);  }  test(); // 1 2.作为对象方法调用,this 指代上级对象 function test(){  alert(this.x); } var o...
  • 主要介绍了js函数和this用法,结合实例形式分析了js函数和this基本功能、原理、使用方法与操作注意事项,需要的朋友可以参考下
  • javascript this 和 java this 用法

    千次阅读 2016-11-20 13:44:27
    // 当类中有两个同名变量,一个为类的成员变量,一个属于某个特定方法,使用this可以区分开成员变量和局部变量 // 可以使用super 访问父类被子类隐藏的变量或覆盖的方法 super.XX(); // 使用this 表示当前调用方法的...
  • jsthis用法

    千次阅读 2017-03-22 18:38:04
    thisJavascript语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如,  function test(){  this.x = 1;  } 随着函数使用场合的不同,this的值会发生变化。但是有一...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 644,010
精华内容 257,604
关键字:

js的this用法