一如既往，直接上代码：

         function fn(name,age){

             var obj=new Object();

             obj.name=name;

             obj.age=age;

             obj.talk=function(){

                 alert(this.name+" "+this.age)

             }

             return obj;

         }

         var a1=fn("aaa",13)

         a1.talk()

在我们不使用this的时候，我们的代码需要这么写：新建立一个对象，给这个对象赋予参数和方法，最后返回这个对象

也不能说不方便，事实上这种写法非常常见。

而下面是写了this的情况：

         function fn2(name,age){

                 this.name=name,

                 this.age=age,

                 this.talk=new Function("alert(this.name+' '+this.age)")//这里注意，中间的必须是单引号否则就会失败

                 this.setName=function(thename){

                     this.name=thename;

                     var that2=this;        //如果不加上这句话，下面的方法便是window调用的，如果给window一个name，就会返回这个name

                     //因为去掉后——，实际上就是：alert((a2.getName())()),即alert(fn())，所以this.name指的就是调用这个方法window的名字了

                     return function(){

                         return that2.name

                     }

                 }

                 this.getName=function(){

                 var that=this;

                 return function(){        //这里是个闭包，通常外部变量无法访问内部的数值，但是通过闭包却可以得到这个实例的各个参数

                     return that.name    //但是实际上我们发现貌似不需要闭包也能得出结果。。。。。所以说这个闭包是干什么用的？

         }

                 }

         }

         this指代的对象使用变量that保存起来，这样即使环境发生了改变，that指代的对象也不会改变

         this指代的对象会根据环境的不同而改变

         var a2=new fn2("lisi",44)

         a2.talk();

         a2.setName("wangwu")()

         alert(a2.getName()())

将a2打印出来会发现，这就是个对象，不需要再创建新的对象了。

但是代价非常明显，需要搞清楚this在程序中到底处于什么什么地位，有什么作用。

this.name=name

这句话的意思是，创建一个名为name的属性（第一个name），之所以需要加上this是因为参数名也是name。整句话的意思就是将形式参数name的值，赋予给这个对象的name属性中去。

为什么这么写，因为程序员懒得想另外的名字，例如name1，name2。一方面类似的参数多起来会很麻烦，本来起名字就很烦了，而且浪费，几乎属于一次性的，用一次就没用了。

注意第16行有一个：

that=this

首先声明这个that并不是个this相同是个特殊的什么关键字，它就是个普通的变量，你可以将它换成任何名字。而之所以出现这句话原因程序中也介绍了，如果不懂，我们翻译一下吧。

this就是这个的意思，那么：

this.getName=function(){
var that=this;
return function(){ 
return that.name 
}

这个（对象）.名为getName的方法{

　　返回  一个函数{

　　返回 这个.name属性

　　}

}

由上下文我们可以知道，它的意思是返回这个对象的name属性，但是如果我们调用了就会发现：

var aa=a2.getName()()

等价于

var aa=this.name

这样一看this指代的应该是aa才是啊，所以我们需要将整个this，即这个对象用另一个变量保存起来，就变成了——

var aa=that.name

这样一看是不是正常不少？

this也可以这么用：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

    </head>

    <body>

    <script ></script>

        <script>

            function Human(username,age){

                this.username=username;

                this.age=age;

                this.introduce=function(){

                    alert(this.username+this.age)

                }

            }

            function Student(username,age,score){

                this.score=score;

                Human.call(this,username,age);//翻译过来就是，将这个对象（毕竟没有规定同一个方法中不存在多个对象，你也可以在这里面继续创建来着。所以——

                //这里的this指代传入human的对象是这个Student对象的实例，然后外带一些参数。

            }

            var stu=new Student("aaa",45,66)

            stu.introduce();

            alert(stu.score)

        </script>

    </body>

</html>

Human.call的意思是，将Student对象传入，后面的是参数。所以最终的意思就是传入其对象实例，实例的参数就是后面两个。

请注意，call方法是继承的意思，这个后面介绍

this的相关知识的更多相关文章

  1. 【Python五篇慢慢弹（5）】类的继承案例解析，python相关知识延伸

    类的继承案例解析,python相关知识延伸 作者:白宁超 2016年10月10日22:36:57 摘要:继<快速上手学python>一文之后,笔者又将python官方文档认真学习下.官方给 ...

  2. 移动WEB像素相关知识

    了解移动web像素的知识,主要是为了切图时心中有数.本文主要围绕一个问题:怎样根据设备厂商提供的屏幕尺寸和物理像素得到我们切图需要的逻辑像素?围绕这个问题以iphone5为例讲解涉及到的web像素相关 ...

  3. listener监听器的相关知识

    从别人的博客上我学习了listener的相关知识现在分享给大家 1.概念: 监听器就是一个实现特定接口的普通java程序,这个程序专门用于监听另一个java对象的方法调用或属性改变,当被监听对象发生上 ...

  4. UIViewController相关知识

    title: UIViewController 相关知识date: 2015-12-13 11:50categories: IOS tags: UIViewController 小小程序猿我的博客:h ...

  5. 【转】java NIO 相关知识

    原文地址:http://www.iteye.com/magazines/132-Java-NIO Java NIO(New IO)是从Java 1.4版本开始引入的一个新的IO API,可以替代标准的 ...

  6. NSString使用stringWithFormat拼接的相关知识

    NSString使用stringWithFormat拼接的相关知识 保留2位小数点 1 2 3 4 //.2代表小数点后面保留2位(2代表保留的数量) NSString *string = [NSSt ...

  7. iOS网络相关知识总结

    iOS网络相关知识总结 1.关于请求NSURLRequest? 我们经常讲的GET/POST/PUT等请求是指我们要向服务器发出的NSMutableURLRequest的类型; 我们可以设置Reque ...

  8. 电路相关知识--读<<继电器是如何成为CPU的>>

    电路相关知识–读<<继电器是如何成为CPU的>> */--> *///--> *///--> 电路相关知识–读<<继电器是如何成为CPU的> ...

  9. 地址标记，SpringMVC转发与调用相关知识存档

    1.mytest_mavenprj1中,index的 <a href="login/login.html">点击登录</a> 与 <a href=&q ...

  10. AJAX跨域调用相关知识-CORS和JSONP（引）

    AJAX跨域调用相关知识-CORS和JSONP 1.什么是跨域 跨域问题产生的原因,是由于浏览器的安全机制,JS只能访问与所在页面同一个域(相同协议.域名.端口)的内容. 但是我们项目开发过程中,经常 ...

随机推荐

  1. 行业介绍：车载DVD MID 导航用料一般包含国腾LVDS芯片GM8284C/GM8283

    车载DVD MID 导航用料一般包含国腾LVDS芯片 GM8284C/GM8283/替代SN75LVDS83,THC63LVDM83C , 音频ES7144/CS4344,  龙讯MHL HDMI芯片 ...

  2. outlook gmail setting

    smtp.gmail.com pop.gmail.com SMTP服务器端口 465  要求安全连接打钩 POP3服务器端口 995  要求安全连接打钩

  3. ajax获取后台传递的json数据

      最近在使用JQuery的ajax方法时,需要返回的数据为json数据,在success返回中数据处理会根据返回方式不同会采用不同的方式来生成json数据.在$.ajax方法中应该是如何来处理的,简 ...

  4. Thymeleaf 笔记

    th:each=”aname : ${namelist}” th:if=”${name} == ‘SERVICED’” 页面使用Map集合 <div th:each="osl : ${ ...

  5. 【CSS学习笔记】字体的控制

    关于font-family: "无衬线体"(Sans-serif),比如黑体,微软雅黑 "有衬线体"(Serif),比如宋体,新宋 程序员设置的字体,客户电脑上 ...

  6. 讲解——Trie树（字典树）

          Trie树(字典树) 一.引入 字典是干啥的?查找字的. 字典树自然也是起查找作用的.查找的是啥?单词. 看以下几个题: 1.给出n个单词和m个询问,每次询问一个单词,回答这个单词是否在单 ...

  7. [UWP小白日记-10]程序启动屏（ios解锁既视感）

    讲一下 微软爸爸的开发者大会2016又暴了个表达式动画和Windows.UI.Composition的API,好叼的样子. 官方示例库GitHub 目前是懵逼状态,好复杂.脑细胞已经在地府排队了. ( ...

  8. VR电影这一新概念在中国电影道路上的探索

    在12月的一个下午,Kevin Geiger正在进行关于VR中的故事讲述的一次再普通不过的演讲.地点是北京电影学院里一个围的水泄不通的场馆,他鼓励大家都来参与电影制作,无论是导演.演员还是电影行业的任 ...

  9. shell 字符串包含

    转自:Shell判断字符串包含关系的几种方法 现在每次分析网站日志的时候都需要判断百度蜘蛛是不是真实的蜘蛛,nslookup之后需要判断结果中是否包含"baidu"字符串 以下给出 ...

  10. linux环境下搭建环境发布web项目

    在公司真是学习了一下项目环境在linux下搭建和发布的过程,这是每个程序员都应该掌握的一个技能,将整理下为以后温习用,也乐于和为掌握这些技能的猿分享: 这里主要分为5部分:1.安装jdk,并配置环境变 ...