javascript 高级--this的逻辑

我们来谈谈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指针的指向,来改变其操作。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,454评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,553评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,921评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,648评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,770评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,950评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,090评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,817评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,275评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,592评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,724评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,409评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,052评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,815评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,043评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,503评论 2 361
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,627评论 2 350

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,219评论 0 4
  • 没搞错吧!js写了那么多年,this还是会搞错!没搞错,javascript就是回搞错! ………… 在写java的...
    zhoulujun阅读 1,438评论 0 11
  • 他说,从海螺里能听见大海的声音。 【1】 江淼把一网鱼丢上岸给老爹,站在船上把白色工字背心脱下,当毛巾一样拧出一把...
    哔剥哔剥阅读 648评论 24 9
  • 已经跑步一周了,没想到以我的体能能坚持下来,以前连想都不敢想事情我居然做到了,昨天晚上更是连续跑下了4公里,虽然用...
    芳华灼灼阅读 196评论 0 0
  • 我的早晨是从中午开始的。 绝大多数的时候,我宁愿在夜里睁着干涩的眼睛,默默地待着,如同一根点亮的蜡烛只是虚耗着夜无...
    月的渔女阅读 408评论 2 7