java中this用法和javascript中的this用法

Java与JavaScript中this区别

最新推荐文章于 2022-10-13 15:28:37 发布

原创最新推荐文章于 2022-10-13 15:28:37 发布 · 3.3k 阅读

9 ·

CC 4.0 BY-SA版权

java基础专栏收录该内容

2 篇文章

订阅专栏

本文对比了Java和JavaScript中this关键字的使用方法，包括在类成员引用、构造函数调用及函数作用域等方面的不同，并介绍了JavaScript中apply()和call()方法的应用。

今天回顾了一下java基础,突然发现自己把java和JavaScript中this的概念混淆了,所以记录一下以备不时之需

java:

1.this它可以在类里面来引用这个类的属性和方法

代码:

public class Test {
    private int x = 10;
    public Test(int x){
        System.out.println("赋值前的全局变量"+this.x);
        System.out.println("形参x="+x);
        this.x = x;
        System.out.println("赋值后的全局变量"+this.x);
    }
    public static void main(String[] args) {
        Test t = new Test(11);
    }

}

结果:

赋值前的全局变量10
形参x=11
赋值后的全局变量11

2.通过this 这个关键字返回自身这个对象

代码:

public class ThisDemo {
   private int count ;   //全局变量Java虚拟机都会先自动给它初始化为默认值。而局部变量不行
   public ThisDemo add(){
       count++;
       return this;
   }
   public void print(){
       System.out.println("count="+count);
   }
   public static void main(String[] args) {
       new ThisDemo().add().add().print();
   }
}
结果:count=2

其中初始化赋值如下

             Boolean      false
             Char          '\u0000'(null)
             byte          (byte)0
             short           (short)0
             int               0
             long            0L
             float            0.0f
             double        0.0d

3.构造函数之间的调用

代码:

public class ThisDemo {
   String name ;
   int age ;
   public ThisDemo(){
       this.age = 21;
   }
   public ThisDemo(String name,int age){
       this();函数有所属对象时：指向所属对象函数有所属对象时：指向所属对象
       this.name = name;
   }

   public void print(){
       System.out.println("赋值后的名字"+this.name);
       System.out.println("赋值后的年龄"+this.age);
   }
   public static void main(String[] args) {
       new ThisDemo("桂纶镁",23).print();
   }
}

结果:

赋值后的名字桂纶镁
赋值后的年龄21

javascrip:

1.函数有所属对象时：指向所属对象

代码:

    var myObject = {
       value : 10
   };
   myObject.fun = function(){
       var value = 100;
       alert(value);
       alert(this.value);
       alert(this);   //这里的this指的是调用他的对象(myObject),如果没有写在myObject里面的话调用他的则是window
   };
   myObject.fun();

结果:100

Object

2.函数没有所属对象：指向全局对象(将上述代码进行小小的改动)

代码:

结果:

100

Object

fun1:undefined

分析:

因为fun1()这个函数没有绑定在任何一个对象上,所以它属于window这个对象,所以它的this指的是全局变量,而全局变量没有这个value

所以就为undefined

3.构造器中的 this：指向新对象

代码:

var value = 10 ;
fun = function(){
   var value = 100;
   alert(this.value);
   alert(value);
}
fun();
var f = new fun();

结果:

100

undefined

100

分析:我用了两次调用来区分new一个函数和普通函数的区别,很明显,当我new一个函数的时候,这时他所属的对象是f,而f没有value这个值,所以它的this.value为undefined

既然都是作用域,就扩展一下说一下apply()和call()的异同

相同点：两个方法产生的作用是完全一样的。

不同点：方法传递的参数不同

function A(){
    this.flag = 'A';
    this.tip = function(){
        alert(this.flag);
    };
};
function B(){
   this.flag = 'B';
};
var a = new A();
var b = new B();
a.tip.call(b);

a.tip.apply(b);

两次运行结果都是B,注意这里tip是属性所带的方法,之前写错了看很久才发现,apply()和call()都是function.prototype里自带的

想让window调用的话这里可以写apply(null)或者apply(window)

总结一下:

java中this.value可以再本类中调用全局变量,也可以在构造器中用this()调用其他构造器,也可以用this表示当前对象

JavaScript中this指的是这个函数所属的对象的值,当new一个函数时,这个this就会指向这个new出来的对象,apply()和call()可以改变一个函数中this指向的对象

没有var的变量都代表的是全局变量哟