前言：

　　　　看文章标题你就知道，这篇文章我只讲一个简单的Javascript的this关键字，说它简单——它又不简单，因为曾几何时我也对this关键字有些困惑，它也确实会让不少程序员感到不解——它像是一个身份多变的“指针”，有时仅看代码都很难分辨出其当前所指向的对象；恰好这两天我突然想到应该写篇关于Javascript方面的博客，也算是为以后的公司技术培训做点儿准备。这篇文章，我可能更倾向于，用代码来直接的体现我要描述的内容。好的文章不在于它的篇幅长、内容丰富，而在于或者说更重要的是——应该用言简意赅的内容让读者快速、没有歧义的明白你所要讲解的内容；而对于技术文章，代码往往就是最好的描述。好了，直接切入正题...

　　

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

     <title></title>

     <script src="jquery.js" type="text/javascript"></script>

 </head>

 <body>

 <input id="btnTest" type="button" value="Test" /><br />

 <input id="btnTest2" type="button" value="Test2" /><br />

 <input id="btnFun" type="button" value="Inner Fun" onclick="this.value=new Date().getSeconds();alert(this);" /><br />

 <script type="text/javascript">

     //#region 全局this对象，即可以通过this访问到当前页面中的所有(标签或jquery等)对象，此this没有什么实际意义，也很少会这样使用

     this.$.trim();

     alert(this.btnFun);

     alert(this.window.location);

     //#endregion

     $("#btnTest").click(function () {

         alert(this.value); //此this是btnTest标签对象，输出:Test

         $("#btnTest2").click(function () {

             alert(this.value); //此this是btnTest2标签对象，输出:Test2

         });

     });

 </script>

 <script type="text/javascript">

     function UserInfo(name, age) {

         var _mySecret = "Can't tell you!";

         this.Name = name;

         this.Age = age;

         this.GetMySecret = function () {

             /// <summary>获取我的秘密</summary>

             alert(_mySecret);

         }

         this.IntroduceMySelf = function () {

             /// <summary>自我介绍</summary>

             alert("Hello,My Name is:" + this.Name + ", Age is:" + this.Age);

         }

     }

     var userObj = new UserInfo("Tom", 23);

     userObj.GetMySecret();

     userObj.IntroduceMySelf();

 </script>

 <br />

 </body>

 </html>

　　

上面的代码，就是我们常见的this关键字的使用，也在其中添加了必要的代码注释，以说明其当前所指代的对象。

　　this关键字：可以理解为是对象的指针，其具体所指向(对应)的对象要看其(使用)所处的(上下文)环境。其常见的使用场景，所代表的对象大致可以分为以下两类：

　　1.html标签(元素)对象：即在html标签绑定的事件(onclick,onmouseover...)中，this关键字表示当前标签的Dom对象，通过this即可完全控制、操纵此html标签，如：设置其样式或绑定其它事件等。

　　2.function(类)对象：首先，你可能会有疑问——为什么叫做function(类)对象？众所周知，javascript不存在类(class)的概念，但它所具有的特性却可以比较好的实现"模拟类"，如上面的代码中的：function UserInfo(name, age)方法。在此对象中this关键字可以很自然的理解为当前的function(类)对象，其作用和用法跟面向对象编程语言(如：C#)里的this关键字很类似，所以，UserInfo这个方法(类)，如果转换为C#代码，想必你会能更直观的理解。代码如下：　

     public class UserInfo

     {

         string _mySecret = "Can't tell you!";

         public string Name { get; set; }

         public int Age { get; set; }

         public UserInfo(string name, int age)

         {

             this.Name = name;

             this.Age = age;

         }

         public string GetMySecret()

         {

             return _mySecret;

         }

         public string IntroduceMySelf()

         {

             return ("Hello,My Name is:" + this.Name + ", Age is:" + this.Age);

         }

     }

　　 本文就到此结束，如果还是有疑问的地方，或文中有“误人子弟”的描述，希望大家能留言提出！

谈谈Javascript的this关键字(this is not this)的更多相关文章

  1. 谈谈javaScript

    谈谈javaScript  (杰我学习) 一. 什么是JavaScript       人们通常所说的JavaScript,其正式名称为ECMAScript.这个标准由ECMA组织发展和维护.ECMA ...

  2. 谈谈javascript中的prototype与继承

    谈谈javascript中的prototype与继承 今天想谈谈javascript中的prototype. 通常来说,javascript中的对象就是一个指向prototype的指针和一个自身的属性 ...

  3. 浅谈JavaScript的New关键字

    原型和闭包算是JavaScript中最常见,最难以理解,最容易被当做问题的两个部分,当然还有它们的延伸,如作用域链,继承等等吧,我最近也是各种看,各种翻,记录点自己的心得,写写总会让自己的理解更深一些 ...

  4. [No000069]Javascript中this关键字详解

    Quiz 请看下面的代码,最后alert出来的是什么呢?(chrome下按F12,选择Console直接复制粘贴运行) var name = "Bob"; var nameObj ...

  5. 深入解析Javascript中this关键字的使用

    深入解析Javascript中面向对象编程中的this关键字 在Javascript中this关键字代表函数运行时,自动生成的一个内部对象,只能在函数内部使用.比如: function TestFun ...

  6. 正确理解javascript的this关键字

    javascript有this关键字,它和javascript的执行上下文有着密切的关系,就是说this具体指代什么要根据它的上下文来判断. 一.this和对象的关系    var Person={ ...

  7. 深入理解Javascript之this关键字

    深入理解Javascript之this关键字 作者: Laruence(   ) 本文地址: http://www.laruence.com/2009/09/08/1076.html 转载请注明出处 ...

  8. JavaScript中this关键字的使用比较

    JavaScript中this关键字的使用比较 this关键字在JavaScript中,用的不能说比较多,而是非常多.那么熟悉this关键字的各种用法则显得非常关键. this有时候就是我们经常说的上 ...

  9. JavaScript控制流及关键字与C语言之比较

    学习JavaScript控制流及关键字概念前,对有过C语言学习经验的同学来说,那么关键字,控制语句概念并不陌生.我们先来看看C语言吧: C语言的32个关键字和9种控制语句 9种控制语句: if.if- ...

随机推荐

  1. MVC4 Filter 验证客户端访问类型（移动端、PC端）

    Filter: 1 /// <summary> /// 检测是否是手机访问 /// </summary> public class IsMobileFilter : Actio ...

  2. aaaaaaaaaaaaaaa

    <?xml version="1.0" encoding="utf-8"?><document> <!-- 签名,由平台生成 -- ...

  3. [课程设计]Scrum 3.1 多鱼点餐系统开发进度（第三阶段项目构思与任务规划）

    Scrum 3.1 多鱼点餐系统开发进度(第三阶段项目构思与任务规划) 1.团队名称:重案组 2.团队目标:长期经营,积累客户充分准备,伺机而行 3.团队口号:矢志不渝,追求完美 4.团队选题:餐厅到 ...

  4. prototype与原型链

    1.今天翻看 阮一峰老师的博客看到了,一篇讲javascript为什么要设计出prototype,跳转      大意就是new 的方式有缺陷,没有共同的属性,一下明白了很多. 在来一张原型链的图:

  5. SELinux深入理解

    ps:今天在远程给服务器配置https的时候,一直乱码,以前做系统的系统第一件事情,就是关闭selinx,今天忘记了,然后就悲剧了... 弄了半天才弄好,镇定思痛,好好的来看下selinux 1. 简 ...

  6. ms sql 经典语句【珍藏】

    数据库中字段中有不需要"[演示数据请勿真实购买]" 例如: update Hishop_Products set ProductName = replace(ProductName ...

  7. 浏览器URL编码

    jsp页面中通过请求另一个页面并通过url传递了带有中文的参数,结果在接收端获取参数时乱码了 经检查乱码现象指出新在IE浏览器中,其他浏览器火狐.chrome等不会有问题 最后的解决方式是: 手动将此 ...

  8. R----data.table包介绍学习

    相比dplyr包,data.table包能够更大程度地提高数据的处理速度,这里就简单介绍一下data.tale包的使用方法. data.table:用于快速处理大数据集的哦 数据的读取 data.ta ...

  9. 从零开始学iPhone开发（1）——工具的使用

    前提:已经具备了苹果电脑或者iMac,或者安装好了x86苹果而且已经联网. 苹果系统版本要求是:Max OS X Lion,或者 Mountain Lion 我们对iPhone进行使用的工具是XCod ...

  10. 【转】对硬盘进行分区时，GPT和MBR区别。

    在Windows 8或8.1中设置新磁盘时,系统会询问你是想要使用MBR还是GPT分区.GPT是一种新的标准,并在逐渐取代MBR. GPT带来了很多新特性,但MBR仍然拥有最好的兼容性.GPT并不是W ...