This在函数调用,方法调用,构造函数调用以及call&apply调用分别指的对象是什么?

解析器在调用函数的时候,都会向函数内部传递一个隐含的参数,隐含的参数就是this。
This指向的是一个对象,这个对象成为函数执行的上下文对象;

  1. 以函数的形式调用时,this永远指向window
  2. 以方法(打点)的形式调用,this就是调用方法的那个对象
  3. 以构造函数调用时,this是新创建的那个对象;
  4. 使用call和apply调用时,this是指定的那个对象;( 括号里面的参数是谁,this就指向谁)
<script type="text/javascript">
    
    /*1. 以函数(fun())的形式调用时,this永远指window
     */
    function fun1(){
        console.log(this);
    }
    fun1();   

    /*  2. 以方法(obj打点)的形式调用时,this就是调用方法的那个对象
      */
    var obj = {
        name: "孙悟空",
        sayName: fun1,
    }
    obj.sayName();   //Object { name: "孙悟空", sayName: fun1() }, this指向的就是obj;

    /*3. 当以构造函数的形式调用时,this就是新创建的那个对象
      */

    function Person(name, age){
        this.name = name;  // this在这里指代新创建的对象per1
        this.age = age;

    }
    //新创建的对象per1
    var per1 = new Person("Monkey", 6);
    console.log(per1);

    /* 4. 使用call和apply调用时,this是指定的那个对象; */
    function fun2(){
        console.log(this.name);
    }

    var obj1 = {
        name:"Pig"
    }

    fun2.apply(obj1);     //打印是pig,this指代obj1,  括号里面的参数是谁,this就指向谁

    </script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值