zoukankan      html  css  js  c++  java
  • JS种this的四种用法

    记住以下四点:  

        1.没调用对象就指向全局对象
        2.有对象就指向调用对象
        3.用new构造就指向新对象
        4.通过 apply 或 call 或 bind 来改变 this 的所指。

    1.测试一:没调用对象就指向全局对象

        //1.第一种:1.在一般函数方法中使用 this 指代全局对象
        function test1() {    
            this.x = "这是全局变量"; //如果直接调用的话this代表window
            debugger
            alert(window.x);  
        }  
        test1(); // 1

    我们可以debugger查看断点:

     

     2.作为对象方法调用,this 指代上级对象

        //2.作为对象方法调用,this 指代上级对象
        function test() {  
            alert(this.x);
        }
        var o = {};
        o.x = 1;
        o.m = test;
        o.m(); // 1

    3.作为构造函数调用,this 指代new 出的对象(面向对象编程)

    <script>
        function test(){
        this.name="名字";
      }
      var o = new test();
      alert(o.name); // 名字
        //运行结果为1。为了表明这时this不是全局对象,我对代码做一些改变:
      var name= "全局姓名";
      alert(name); //全局姓名
    </script>

    4.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
  • 相关阅读:
    19.Mybatis之动态SQL
    18.Mybatis的配置文件标签属性自动提示
    17.Mybatis的基本使用及入门案例
    16.jQuery属性操作
    15.jQuery淡入淡出效果
    14.jQuery常用方法
    13.jQuery选择器
    12.JavaScript基础知识
    11.浅析Java中的final关键字
    10.基于Tomcat的SmartUplaod文件上传
  • 原文地址:https://www.cnblogs.com/qlqwjy/p/9362110.html
Copyright © 2011-2022 走看看