美文网首页
javascript 高级--this的逻辑

javascript 高级--this的逻辑

作者: 风清扬101 | 来源:发表于2017-04-25 20:03 被阅读0次

    我们来谈谈this的理解。

    上一章,我们讲到arguments的类数组的对象,有两个属性。一个是callee和另一个是this的属性。我们常用的是this属性。所以,我们了解到this的属性是属于arguments对象的属性。这两个属性都是指针。

    this引用的是函数执行的环境对象。或者也可以说是this值。this是一个指针,指向调用执行的函数环境对象,也就是,谁调用this所在的当前函数时,this就指向这个对象。由于在调用函数之前,this的值并不确定。由于this引用的函数执行环境对象,所以,this的值是函数的执行对象。所以,我们要掌握好this的要点,要做到以下几点:

    第一:this只能存在于函数体当中,必须要有函数执行对象的环境。

    第二:要分清this所在的函数,这个就是函数执行的对象,(this的指针作用就是当莫个对象调用函数执行的时指向他,而this在当前所在的函数体的所点属性和方法就会用添加到这个对象,由这个对象来调用)。

    第三:在创建对象时,我们经常用构造函数来创建对象。我们将创建的对象的属性和方法都挂载在this指针上,将来this指向谁,就把挂载的属性和方法添加在谁身上。在调用构造函数时,我们用new 关键字+构造函数名 为什么用new呢?因为new首先在内存中来在堆区开辟空间,然后构造函数this指针指向的这块空间,挂载在this的属性和方法就添加到这块空间了,最后储存的空间的地址保存在构造函数的实例了。(也可以这说,this指针所挂载的属性和方法是添加到调用this指针所在当前函数的对象里。) 当在构造函数时添加return +引用类型的对象时,会覆盖构造函数所创建的对象,即是new开辟的空间。除null之外。但当对象的方法交给新的变量时,再用新变量加小括号的形式去调用的话,this的指针就指向了window了。

    第四:当网页加载时,全局作用域中调用函数时,this指针指向的是window 对象。在调用this所在的当前函数之前,this的值并不确定,可能会在代码执行当中引用不同的对象。主要是看谁来调用this所在的函数执行环境的对象。

    第五:在事件的处理函数中,如果有this指针,是事件调用的触发的,就指向绑定事件的标签。但是,复杂的话,就是事件里面嵌套函数的情况。我们知道this的指针是指向调用this所在当前函数的对象。专业的讲的话,是引用函数执行环境的对象。所以,我们要知道两点:

    1:this指针是指向的对象,它是作为引用函数执行环境对象的。(这也是我们经常看到是this点的是函数(方法)或者是属性。)

    2:定义this的环境可以是任意的环境和作用域,但是我们看的是谁调用执行this指针来执行,this就指向谁。

    第六:在定时器中,由定时器调用并触发的this指针的话,this指针就指向是window 。因为是定时器(setInterval setTimeout)是在第二个参数 时间 由window来驱动定时器执行,this 在执行语句中 就是指向的是window  还有一种情况是定时器的参数,因为定时器的参数是一个函数,所以可以用this点方法来写进参数,所以this的作用是指向传参的对象,看传参的环境,来辨别this的指向的对象。在全局的作用域的是window的传参,在局部的作用域下是当前对象的传参。

    第七:在事件函数中,嵌套了函数,该函数又出现了this指针,那么this指针指向的是window。因为在嵌套的函数是在window驱动的。当我们要改变其this指针的指向时,我们可以通过用cell()和apply()来代替window来指向。就可以来改变其this指针的指向,来改变其操作。

    相关文章

      网友评论

          本文标题:javascript 高级--this的逻辑

          本文链接:https://www.haomeiwen.com/subject/hsbyzttx.html