javascript this指针指向?

前言

理解javascript的指针就需要先了解js的执行环境和作用域!执行环境的定义了变量或函数有权访问的其他数据,决定了它们各自的行为。每个执行环境都有一个与之关联的变量对象,环境中定义的所有的变量和函数都保存在这个对象中。虽然我们编写的代码无法访问这个对象,但解析器在处理数据时会在后台使用它。

1、全局执行环境

全局执行环境是最外围的一个执行环境,根据js实现的宿主环境的不同,表示执行环境的对象也不一样。在web浏览器中认为window就是全局执行的对象。因此所有的全局变量和函数都是作为window对象进行创建的。某个执行环境中的所有代码执行完毕后,该环境被销毁,保存在其中的所有的变量和函数定义也会被销毁。每个函数都有自己的执行环境,当执行流进入一个函数的时候,函数的环境就会被推入一个环境栈中。而在函数执行之后,栈将其环境弹出。

2、作用域链

当代码在一个环境中执行时候,会创建变量的一个作用域链(scope chain)。作用域链的用途,是保证对执行环境有权访问的所有的变量和函数的有序访问。作用域链的前端,始终都是当前执行的代码所在的环境的变量对象,如果这个环境是函数,则将其活动对象作为变量对象。活动对象在最开始的时候只包含一个变量,arguments对象。作用域链的下一个对象来自包含(外部)环境,而再下一个对象则来自下一个包含对象,这样一直延续到全局。

JavaScript由于其在运行期进行绑定的特性,JavaScript 中的 this 可以是全局对象、当前对象或者任意对象,这完全取决于函数的调用方式。JavaScript 中函数的调用有以下几种方式:作为对象方法调用,作为函数调用,作为构造函数调用,和使用 apply 或 call 调用。

看下面第一个例子

var point = { 
      x : 0, 
      y : 0, 
     moveTo : function(x, y) { 
                     console.log(this);//1
                     this.x = this.x + x; 
                     this.y = this.y + y; 
             } 
   };
point.moveTo(1,1); //this 绑定到当前对象,即point对象
console.log(point);//2

第一个位置上的this我们打印的时候发现这里的this指向就是point 这个对象!

point.moveTo()这个方法执行后就更改了对象point的属性x和y

第二个例子

function func(x) { 
       this.x = x;
      console.log(this);

func(2);

我们发现这个时候的this指向是window  why?

这个很好理解,func(2) 可以写成window.func(2);由于任何函数或者全局的属性都是window对象下面的,那么这里的this当然就是window

第三个例子

var point = { 
      x : 0, 
      y : 0, 
      moveTo : function(x, y) { 
                      // 内部函数
                     var moveX = function(x) { 
                                          console.log(this);
                                          this.x = x;
                                          }; 
                     // 内部函数
                     var moveY = function(y) { 
                                          this.y = y;
                                           console.log(this);
                                          }; 
                    moveX(x); 
                    console.log(moveX() in point);//false
                    console.log(moveX() in window);//true
                    moveY(y); 
          } 
}; 
point.moveTo(1,1); 
point.x; //=>0 
point.y; //=>0

上面的代码我们分析下很好理解!执行point.moveTo(1,1)里面有两个方法,moveX和moveY,这两个方法并没有绑定到对象point上,我们知道所有的方法都是属于window对象的,那么这里的moveX和moveY实际上是window上调用的,并不是属于point对象!

第四个例子

function Point(x,y){ 
          console.log(this);//第一次是通过new创建的,返回的是Point{} 它是一个对象,不是单纯的方法了
          this.x = x; // this ?
         this.y = y; // this ?
}
var np=new Point(1,1);//所以这里可以理解成这样
/*
           var np = {
                      x = 1,
                      y =1
               };
*/
np.x;//1
var p=Point(2,2);//这个时候不是通过new创建,就相当于window.Point(2,2),它就绑定到window上了!所以this指向window
console.log(p);//由于函数Point没有返回值,所以这里的p = undefined
p.x;//error, p是一个空对象undefined

总结:

调用形式
this指向
普通函数全局对象window
对象的方法该对象
构造函数新构造的对象

文章参考地址:

http://www.cnblogs.com/isaboy/ 

http://www.cnblogs.com/isaboy/archive/2015/10/29/javascript_this.html

转载于:https://www.cnblogs.com/shizhouyu/p/4952615.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/258114.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

能源局将提高光伏“领跑者”项目技术指标

记者从权威渠道获悉,国家能源局正计划对光伏“领跑者”中有关单多晶的转换效率标准等细节进行修改。“领跑者”计划中,光电转换效率的修订工作将在今年3月底展开,主要向各大相关机构、企业征求意见,如果争议较多,定稿时…

phpize增加php模块

一,phpize的好处 什么时候我们要用phpize呢?我们在安装php时: ./configure --prefix/usr/local/php --with-mysql/usr/local/mysql --with-zlib-dir --with-freetype-dir/usr --with-jpeg-dir/usr --with-png-dir/usr --enable-gd-native-ttf…

java安全权限配置_使用Spring安全表达式控制系统功能访问权限问题

一、SPEL表达式权限控制从spring security 3.0开始已经可以使用spring Expression表达式来控制授权,允许在表达式中使用复杂的布尔逻辑来控制访问的权限。Spring Security可用表达式对象的基类是SecurityExpressionRoot。表达式函数描述hasRole([role])用户拥有指定…

SlidingMenu的使用,结合Fragment(eclipse环境)

首先下载SlidingMenu,有Library和Sample,然后在自己的项目中引入类库(引入智慧北京工作空间的Library),然后V4包会发生冲突,删掉自己项目Libs目录下的V4包即可 侧滑布局和主界面布局都先用一个空布局填充一…

log4j日志文件配置说明及使用

一.log4j.properties文件格式说明: log4j.rootLoggerinfo, stdoutlog4j.appender.stdoutorg.apache.log4j.ConsoleAppenderlog4j.appender.stdout.layoutorg.apache.log4j.PatternLayout# Pattern to output the callers file name and line number.log4j.appende…

java如何做全局缓存_传智播客JNI第七讲 – JNI中的全局引用/局部引用/弱全局引用、缓存jfieldID和jmethodID的两种方式...

讲解JNI中的全局引用/局部引用/弱全局引用、缓存jfieldID和jmethodID的两种方式,并编写两种缓存方式的示例代码。1.从Java虚拟机创建的对象传到本地C/C代码时会产生引用,根据Java的垃圾回收机制,只要有引用存在就不会出发该引用指向的Java对象…

起一卦,还是那个破事。还是大凶。

公元:2013年6月20日11时48分46秒 阳3局农历:2013年05月12日11时48分芒种:2013-6-5 20:44:00 小暑:2013-7-7 7:09:00干支:癸巳年 戊午月 丁巳日 丙午时 旬空:午未空 子丑空 子丑空 寅卯空直符&#…

老工业基地调整改造与振兴

老工业基地调整改造与振兴 一、运用“两只手”,加快工业结构调整 一方面,运用市场机制即“看不见的手”进行调整。通过市场竞争机制、价格波动机纠、供求均衡机制、优胜劣汰机制等,实现资源的合理流动和优化配置。 另一方面,运用宏…

如何使用DNS反向映射来扫描IPv6地址?

目前增加的IPv6地址空间不仅提高了对启发式算法的使用(执行IPv6地址扫描时),而且还推动了人们探索替代技术用于查找IPv6节点。本文中我们将探讨如何使用一种极其强大的向量来发现IPv6节点:使用DNS反向映射。 IPv6地址扫描攻击通常…

java jre下载安装教程_java JRE下载、安装以及环境变量教程

java JRE下载、安装以及环境变量教程作者:小丸子 来源:PC下载网时间:2017-10-17 19:12:33JRE也就是(Java Runtime Environment)Java运行环境,是运行JAVA程序所必须的环境的集合,包含各种类库。今天PC下载网小编为您介绍jre的下载 安装 跟环境变量的配置1…

java环境变量设置与java查看安装路径

把jdk安装到计算机中之后,我们来进行设置使java环境能够使用。 首先右键点我的电脑。打开属性。然后选择“高级”里面的“环境变量”,在新的打开界面中的系统变量需要设置三个属性“JAVA_HOME”、 “path”、“classpath”,其中在没安装过jdk的环境下。p…

C#设计模式学习笔记-单例模式

C#设计模式学习笔记-单例模式 最近在学设计模式,学到创建型模式的时候,碰到单例模式(或叫单件模式),现在整理一下笔记。 在《Design Patterns:Elements of Resuable Object-Oriented Software》中的定义是&…

kotlin为什么比java编译慢_为什么Kotlin编译速度比Scala快? [关闭]

虽然我认为这个问题不适合Stack Overflow,因为它倾向于主要产生基于意见的答案,但这里有一个尝试:你有两种不同的语言,特别是关于类型系统,以及两个完全独立的编译器实现 . 所以期望它们具有“相同”的编译速度已经是一…

锡山国土推行数据中心“在线变更”

为全面提高全区土地变更工作效率,国土锡山分局全面推行数据中心在线变更。由不动产登记科利用数据中心管理平台,将遥感影像、监测信息以及监测图斑的土地利用现状信息、土地利用总体规划信息录入“数据中心”,制定我区的变更调查工作方案&…

Linux 安装loadrunner 碰到的问题

关于linux下面搭建loadrunner的详细步骤: http://blog.sina.com.cn/s/blog_9aa583cf0101bu4y.html http://hi.baidu.com/higkoo/item/d75027acc78bab3e030a4dde?qq-pf-topcqq.c2c http://www.cnblogs.com/xiaoTT/archive/2012/02/15/2352127.html 用控制台加载负载…

数据分析真的能驱动用户快速增长吗?

俗话说,“酒香不怕巷子深”;俗话又说,“酒香也怕巷子深” 。再后来,俗话还说,管他酒香不香巷子深不深,只要找个算盘技巧神乎其神的账房先生,即数据科学家,酒就可以大卖了。这叫做用数据驱动用户…

java 常见bug_java常见bug

org.hibernate.QueryException: could not resolve property: menuId of:无法解析menuId 字段,是指这个字段有错Servlet.service() for servlet default threw exception09:28:54,704 ERROR [CoyoteAdapter] An exception or error occurred in the container durin…

解决启动Biee控制台乱码问题

解决启动Biee控制台乱码问题 在安装完Biee后,大家都可以看到在程序中可以找到启动BI服务的地方 点击上图中的启动bi服务则在window系统中会弹出一个dos窗口,来显示执行启动服务的操作,如下图 上图显示的是正常情况,本人安装后首次…

“北航Clubs” Alpha版发布!

一、功能 1.获取活动信息: 用户进入网站后,第一眼就可以查看到近期活动 2.查看活动详情 点击活动标题,可以进入活动详情页面 3.注册功能 首页点击注册,输入学号、密码、姓名、手机号即可完成注册 4.用户登陆 拥有账号之后&#xf…

物联网与零边际成本共享经济

物联网是由通讯网络、能源网络、物流网络组成,这些网络共同在单一操作系统中合作,持续寻找各种方法来提升资源整编、生产及配送商品和服务,以及废弃物回收等过程中的热力效率和生产力;这三种网络相辅相成,缺一不可。若缺乏通讯&am…