this的相关知识

一如既往,直接上代码:

 1         function fn(name,age){
 2             var obj=new Object();
 3             obj.name=name;
 4             obj.age=age;
 5             obj.talk=function(){
 6                 alert(this.name+" "+this.age)
 7             }
 8             return obj;
 9         }
10
11         var a1=fn("aaa",13)
12         a1.talk()

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

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

而下面是写了this的情况:

 1         function fn2(name,age){
 2
 3                 this.name=name,
 4                 this.age=age,
 5                 this.talk=new Function("alert(this.name+‘ ‘+this.age)")//这里注意,中间的必须是单引号否则就会失败
 6
 7                 this.setName=function(thename){
 8                     this.name=thename;
 9                     var that2=this;        //如果不加上这句话,下面的方法便是window调用的,如果给window一个name,就会返回这个name
10                     //因为去掉后——,实际上就是:alert((a2.getName())()),即alert(fn()),所以this.name指的就是调用这个方法window的名字了
11                     return function(){
12                         return that2.name
13                     }
14                 }
15                 this.getName=function(){
16                 var that=this;
17                 return function(){        //这里是个闭包,通常外部变量无法访问内部的数值,但是通过闭包却可以得到这个实例的各个参数
18                     return that.name    //但是实际上我们发现貌似不需要闭包也能得出结果。。。。。所以说这个闭包是干什么用的?
19         }
20                 }
21         }
22         this指代的对象使用变量that保存起来,这样即使环境发生了改变,that指代的对象也不会改变
23         this指代的对象会根据环境的不同而改变
24         var a2=new fn2("lisi",44)
25
26         a2.talk();
27         a2.setName("wangwu")()
28         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方法是继承的意思,这个后面介绍

时间: 2024-12-21 07:17:46

this的相关知识的相关文章

python的list相关知识

关于list的相关知识 list01 = ['alex',12,65,'xiaodong',100,'chen',5] list02 = [67,7,'jinjiao_dawang','relax1949',53] #打印list01.list02 print(list01) print(list02) #列表截取.切片 print(list01[1]) print(list01[-2]) print(list01[1:3]) #列表重复 print(list01 * 3) #列表组合 prin

三层交换机相关知识

三层交换机相关知识 这次的作死之路又要开始了.这次的对象主要是交换机:还是三层的: 这是这次实验的总体用图: 现在现根据图上的标志:将所有的主机配置好:目前没有做任何vlan:所以PC1和PC3是能够互通的: 接下来:我想先去探索下三层交换机关闭portswitch会怎么样: 第一步:先关闭了再说: 因为按照图中的设计:PC1的帧如果想要到达PC2,那么就必然要经过LSW1.但是现在我关闭了g0/0/1端口的portswitch:现在pc1并不能ping通pc2: 通过百度:三层交换机的端口不仅

php学习day7--函数的相关知识

今天我们主要学了函数的相关知识,是个比较基础的知识,但也是很重要的. 一.函数 函数就类似于一个工具,我们写好函数之后可以直接进行调用,可以很大的减少代码的从用性,提高页面性能和可读性. 1.函数的定义 在php中函数的定义方式为: function  name($形参1,$形参2.....){ 要执行的代码 return  123: } 在上方的函数定义式中,name代表函数名,小括号内是形参,是用来传递参数,花括号中的就是调用时需要执行的代码. 函数的调用方式: name(实参1,实参2,.

svn常规操作与相关知识

Svn常规操作与相关知识 一.何谓版本控制 它是一种软件工程籍以在开发的过程中,确保由不同人所编辑的同一档案都得到更新,它透过文档控制记录程序各个模块的改动,并为每次改动编上序号,并且编辑错误之后还可以回溯到以前的版本 二.可供我们选择的版本控制系统 1.VCS  (本地版本控制) 2.VSS.CVS(集中版本控制) 3.ClearCase.SVN.Perforce.TFS(集中版本控制) 4.Mercurial(水银/水星).Git(分布式版本控制) 差异: 1.Git和其他版本控制系统的主要

黑马程序员---Objective-C基础学习---类、对象、方法相关知识笔记

------Java培训.Android培训.iOS培训..Net培训.期待与您交流! ------- 类.对象.方法相关知识笔记 Objective-C相对于C语言有了面向对象的特性,但是ObjC又没有其他面向对象语言那么多语法特性,ObjC本身对面向对象进行了精简.下面是一些相关知识笔记. 类定义 成员变量 方法和属性 self关键字 类定义 在C#.Java等其他高级语言中定义一个类是相当简单点的,直接一个关键字class加一对大括号基本就完成了,但是在ObjC中类的定义相对变化比较大.现

深入浅出安卓学习相关知识,如何从零学好移动开发

原文发表自我的个人主页,欢迎大家访问 http://purplesword.info/mobile-develop 由于近几年来互联网的飞速发展,安卓和iOS平台的大量普及推广,移动开发在当前是非常热门的一个方向. 有不少同学问我如何学习安卓,要学些什么,难不难学.之前一直没有想好应该怎么回答这个问题,只是简单的说安卓自身门槛不高,并不难学.因为我觉得准确回答一个类似这样的问题往往需要灵感.现在根据我的学习体验,做个大概的总结. 1.我为什么学安卓 我从刚开始接触安卓开发到现在也有两三年的时间了

linux 服务器分区格式化相关知识 -mount

关于linux 系统mount和mkfs 的相关知识: 使用mount 1)  Mount的相关格式:mount [-t 文件类型][-o  选项] devicedir 详解: -t 文件类型,通常默认mount会自动选择正确的类型,通常类型ext2/ext3/ext4之类的. 常用的类型有:                  光盘或光盘镜像:iso9660 DOS fat16文件系统:msdos Windows 9x fat32文件系统:vfat Windows NT ntfs文件系统:ntf

【转载】前端面试“http全过程”将所有HTTP相关知识抛出来了...

原文:前端面试“http全过程”将所有HTTP相关知识抛出来了... 来一篇串通,一个http全过程的问题,把所有HTTP相关知识点都带过一遍 http全过程 输入域名(url)-->DNS映射为IP-->TCP三次握手-->HTTP请求-->HTTP响应-->(浏览器跟踪重定向地址)-->服务器处理请求-->服务器返回一个html响应-->(视情况决定释放TCP连接)-->客户端解析HTML-->获取嵌入在HTML中的对象重新发起http请求

Java的File类相关知识

Java的File 目录: 1.创建File的文件或者目录的方法.... 2.创建File对象的构造器的三种形式... 3.关于分割符的相关知识...................... 4.file简单Api介绍................................... 1.再说File的时候就不得不先说一下创建文件和目录的三个方法. <1>createNewFile()必须有已经创建好的路径,才能创建一个文件.返回值:如果指定的文件不存在并成功地创建,则返回 true:如果指

静态路由表设置以及路由汇总相关知识

随着宽带接入的普及,很多家庭和小企业都组建了局域网来共享宽带接入.而且随着局域网规模的扩大,很多地方都涉及到2台或以上路由器的应用.当一个局域网内存在2台以上的路由器时,由于其下主机互访的需求,往往需要设置路由.由于网络规模较小且不经常变动,所以静态路由是最合适的选择. 本文作为一篇初级入门类文章,会以几个简单实例讲解静态路由,并在最后讲解一点关于路由汇总(归纳)的知识.由于这类家庭和小型办公局域网所采用的一般都是中低档宽带路由器,所以这篇文章就以最简单的宽带路由器为例.(其实无论在什么档次的路