文档章节

javascript对象---7 Function函数 this指针

奋斗的小芋头
 奋斗的小芋头
发布于 2016/11/27 17:02
字数 905
阅读 5
收藏 1
点赞 0
评论 0

this指针 :this在js中非常灵活,一般在代码运行时基于函数的运行环境绑定的,大致分5钟情况

1. 全局环境中 this 代表全局环境 (Window 对象);

不包含在任何function之内就是 全局环境,

<script>
        //在 Chrom浏览器中,在程序当中没有对this的 调用,那么在当前执行环境中,没有this指针
        //在function之外的 在调试台 查看this 直接获取window对象

             var that = this ;
        </script>

2.在普通函数或对象中, this代表运行环境对应的对象( 可以理解为调用者);

 var obj = {
                 win : this 
             }
             debugger

在调试台 查看 obj .win :window ------- this指window对象

查看调用者----obj的调用者为最外侧的 window对象

 var obj = {
                 win : this,
                 
                 sayHello :function(){
                     var that = this ;       //此时that指的是调用它的 Obj
                     debugger
                 }
             }
             obj.sayHello()

例2:

function outer(){
                var that = this;  // window对象
                debugger;
                inner();
                function inner(){
                    var that = this;  // window对象
                    debugger;
                }
            }
            outer();  //在 windows 层级调用outer() 所以 第一个that指 window对象
            //继续向下执行,调用inner 此时  第二个that 指的还是 window对象
            //在window环境下调用 outer(),在代码体执行情况下顺便调用 inner(),所以还是 window触发 
        //window 触发outer() ---》 outer()触发 inner(),整个执行的最终环境还是window对象

例3:

    function outer(){  //函数也是一个对象
            
        }
        
        //上一种创建方法中 outer()是无法访问 inner()
        //给函数对象outer扩展一个函数
        outer.inner=function(){
            var that = this;        //this指针指向 outer对象
            debugger;
        }
        outer.inner()

 

3.在普通匿名函数中, this代表 window 对象。

//匿名函数 1. 在一个小括号内定义   ,定义后函数存在在内存中,但无法通过名字调用函数--- 一般操作是定义后直接调用, 在预加载时检测不到,在运行时检测  ------创建后面加()调用

匿名函数执行完会清掉内存
        (function(){
            var that = this;  
//this 永远为window对象


        }) (); //调用

 

匿名函数的使用场景 :对于Js来说能区分作用域的只有function 

<script>

for(var i=0 ;i<3; i++) {      //这里 声明的 var i  为全局变量 ,全局变量在内存中不会被清除掉,只要网页不关闭,就会越执行越多,内存占用越来越多 ------
 

 }
     console.log(i);

</script>

>为了在程序执行后就将内存清除掉

1.执行后会弹栈等待垃圾回收 但 bb()作为全局变量仍会占内存

    function bb(){
            for(var i=0 ;i<3; i++) {
                
            }
        console.log(i);
        }

较好的解决方式 --用匿名函数解决


        (function(){
            for(var i=0 ;i<3; i++) {
                
            }
        })

alert( i ) ;---- i is not defined // 执行完已经清除

匿名函数的好处,可以替代不需要的全局变量,从而省略内存。匿名函数的 this 永远是 window

4.在构造函数中, this 代表当前调用构造函数创建的  对象  new出来的新对象

 

new Fun的执行过程

1.创建了一个空对象 obj

2.空对象的原型链(_proto_ )指向了函数对象prototype对象。

3.修改函数对象的this指针为新创建的对象引用  ---代表新创建对象的内存

4.执行函数体

在事件绑定事件处理函数时, this 代表触发事件的 dom对象

1.绑定方式1

function clickButton(){
            that = this;   //this = window对象
        }
        </script>
    </head>
    <body>
        <input type="button" value="aniniu" onclick="clickButton()">
    </body>

2.绑定事件2

    function clickButton(){
            that = this;  //this == input
            debuggers
        }
        </script>
    </head>
    <body>
        <input type="button" value="aniniu"  id= "but">
        <script>
            document.getElementById("but"). addEventListener ("click",clickButton())

//当前按钮对象绑定,所以 this是当前按钮对象。
        </script>
    </body>

© 著作权归作者所有

共有 人打赏支持
奋斗的小芋头
粉丝 1
博文 161
码字总数 129412
作品 0
大连
javascript技术难点(三)之this、new、apply和call详解

原文出处:夏天的森林 讲解this指针的原理是个很复杂的问题,如果我们从javascript里this的实现机制来说明this,很多朋友可能会越来越糊涂,因此本篇打算换一个思路从应用的角度来讲解this指...

夏天的森林
2014/12/10
0
0
谈谈javascript语法里一些难点问题(二)

原文出处:夏天的森林 3) 作用域链相关的问题 作用域链是javascript语言里非常红的概念,很多学习和使用javascript语言的程序员都知道作用域链是理解javascript里很重要的一些概念的关键,这...

夏天的森林
2014/12/10
0
0
由Javascript的继承引发的:抽象类、接口、多态,甚至是类型转换!

工作中需要用到Javascript,关注了Javascript中继承复用的问题,翻阅了网上的各种关于Javascript继承的帖子,感觉大都思考略浅,并没有做过多说明,简单粗暴的告诉你实现Javascript继承有1.2...

xue777hua
2013/07/28
0
11
javaScript中的this指针

this指针是面向对象程序设计中的一项重要概念,它表示当前运行的对象。在实现对象的方法时,可以使用this指针来获得该对象自身的引用。   和其他面向对象的语言不同,JavaScript中的this指...

卖火柴的format
2014/08/13
0
0
面向对象的JavaScript——类

在java里,我们定义类的时候用的是class关键字,但是JavaScript中class是保留字,另有用途,所以我们要采用其他的方法来定义JavaScript中的类。 定义类 利用JavaScript中的function关键字,类...

小微
2012/09/21
0
3
javascript引擎在c,c+中调用

JavaScript是一种广泛用于Web客户端开发的脚本语言,常用来控制浏览器的DOM树,给HTML网页添加动态功能。目前JavaScript遵循的web标准的是ECMAScript262。由于JavaScript提供了丰富的内置函数...

crossmix
2015/04/19
0
0
JavaScript世界的一等公民 - 函数

简介 在很多传统语言(C/C++/Java/C#等)中,函数都是作为一个二等公民存在,你只能用语言的关键字声明一个函数然后调用它,如果需要把函数作为参数传给另一个函数,或是赋值给一个本地变量,...

i33
2013/03/14
0
0
JavaScript中的this指针 理论化this指针的定义

JavaScript现在应用之广泛,远超其他任何语言,只要是一个合格的网站应用,基本上多多少少都会有JS的存在。在JavaScript中,this的指向被不少Coder所不解,但其实JS中的this理解起来也是相当...

superwebmaster
05/29
0
0
细说JavaScript数据类型及转换

细说JavaScript数据类型及转换 JavaScript数据类型 1.Boolean(布尔) 布尔:(值类型)var b1=true;//布尔类型 2.Number(数字) 数值:(值类型)var n1=3.1415926;//数值类型 n1.toFixed...

开元中国2015
2015/07/13
0
0
转载(悟透JavaScript )

今天在网上看到一篇介绍javascript的文章,尽管文章讲述的内容我都很熟悉,但我还是要转载出来让大家读一读,这个哥们的文采真是没的说,能将本来枯燥的程序讲述的如此酣畅淋漓实在让人佩服!...

晨曦之光
2012/03/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Weblogic问题解决记录

问题:点击登录,页面刷新但是不进去管理界面。解决:删除cookies再登录。

wffger
24分钟前
0
0
RxJava2的错误处理方案

最近使用retrofit2 + rxKotlin2写接口访问,想尽量平铺代码,于是就想到当借口返回的状态码为「不成功」时(比如:code != 200),就连同网络错误一起,统一在onError方法中处理。想法总是好的...

猴亮屏
32分钟前
0
0
程序的调试信息

调试二进制程序时,经常要借助GDB工具,跟踪程序的执行流程,获取程序执行时变量的值,以发现问题所在。GDB能得到这些信息,是因为编译程序时,编译器保存了相应的信息。Linux下的可执行程序...

qlee
54分钟前
0
0
应用级缓存

缓存命中率 从缓存中读取数据的次数与总读取次数的比例,命中率越高越好 java缓存类型 堆缓存 guavaCache Ehcache3.x 没有序列化和反序列化 堆外缓存ehcache3.x 磁盘缓存 存储在磁盘上 分布式...

writeademo
今天
0
0
python爬虫日志(3)find(),find_all()函数

1.一般来说,为了找到BeautifulSoup对象内任何第一个标签入口,使用find()方法。 以上代码是一个生态金字塔的简单展示,为了找到第一生产者,第一消费者或第二消费者,可以使用Beautiful Sou...

茫羽行
今天
0
0
java:thread:顺序执行多条线程

实现方案: 1.调用线程的join方法:阻塞主线程 2.线程池 package com.java.thread.test;public class MyThread01 implements Runnable {@Overridepublic void run() {Syste...

人觉非常君
今天
0
0
ElasticSearch 重写IK分词器源码设置mysql热词更新词库

常用热词词库的配置方式 1.采用IK 内置词库 优点:部署方便,不用额外指定其他词库位置 缺点:分词单一化,不能指定想分词的词条 2.IK 外置静态词库 优点:部署相对方便,可以通过编辑指定文...

键走偏锋
今天
19
0
Git 2.18版本发布:支持Git协议v2,提升性能

Git 2.18版本发布:支持Git协议v2,提升性能Git 2.18版本发布:支持Git协议v2,提升性能 新版本协议的主要驱动力是使 Git 服务端能够对各种 ref(分支与 tag)进行过滤操作。 这就意味着,G...

linux-tao
今天
0
0
python浏览器自动化测试库【2018/7/22-更新】

64位py2.7版本 更新 document_GetResources 枚举页面资源 document_GetresourceText 获取指定url的内容 包括页面图片 下载地址下载地址 密码:upr47x...

开飞色
今天
44
0
关于DCL双重锁失效及解决方案

关于DCL双重锁失效及解决方案 Double Check Lock (DCL)实现单例 DCL 方式实现单例的优点是既能够在需要时才初始化单例,又能够保证线程安全,且单例对象初始化后调用getInstance方法不进行...

DannyCoder
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部