[确定不进来?]this,call,apply的作用与区别

在我们学习js的过程中,在this这个地方通常会产生迷糊,下面就让我们来了解一下this的使用吧.

this是一个关键字,正常情况下,用于赋值对象

在不同的程序中,赋值的对象也不同

//看this 代码在哪里写的

//----->全局 this===window

//---->函数 看第二步

//1.是什么函数?

//2.----->如果是function函数

//3.看函数是谁触发的?

//-----> call bind apply this===三个函数的实参一

//new this===new 创建的对象

//---事件函数 this===触发事件的dom元素

//---普通对象触达 this===普通对象

1.在全局作用域下,this指向的是window

2.在构造函数中,this指向的是调用构造函数中的实例对象;如下图

this指向的是Animal{}

3.在对象函数中调用,哪个函数调用对象函数,this就指向那里,                                                           

如下图,this.a指向的是全局中的a,并不是obj中的,因为obj中没有a,所以输出undefined,this.b在obj中存在所以输出指向的222     

  window.a=111;
       let obj={
           b:222,
           fn:function(){
               console.log(this.a);//undefined
               console.log(this.b);//222
           }
       }
        obj.fn();

    4.call和apply  :                                                                              

call和apply都是改变this的指向,借用别人的函数来实现自己的功能

 

区别:call传的是行参的个数,apply传的是形参的arguments数组

call:

        function Person(name,sex,age){
            this.name=name;
            this.sex=sex;
            this.age=age;
        }
        function Student(name,sex,age,tel,grade){
            Person.call(this,name,sex,age);//把Person中的对象给借过来让自己使用; (this)很重要 不要忘记啦!!!
            this.tel=tel;
            this.grade=grade;
        }
        var student=new Student('lk','男','23','110','111');
        console.log(student);

apply                                                                                             

function Wheel(wheelSize,style){
            this.wheelSize=wheelSize;
            this.style=style;
        }
        function Sit(c,sitColor){
              this.c=c;
              this.sitColor=sitColor
        }
        function Model(height,width,len){
            this.height=height;
            this.width=width;
            this.len=len;
        }
        function Car(wheelSize,style,c,sitColor,height,width,len){
                Wheel.apply(this,[wheelSize,style])
                Sit.apply(this,[c,sitColor])
                Model.apply(this,[height,width,len])
        }
        var car=new Car(200,'玛莎','真皮','pink',300,100,4900);
        console.log(car)

//call 需要把实参按照形参的个数传进去

//apply 需要传一个arguments;

有不同的见解可以留言讨论!!!