this的相关知识
一如既往，直接上代码：
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的相关知识的更多相关文章
- 【Python五篇慢慢弹（5）】类的继承案例解析，python相关知识延伸
类的继承案例解析,python相关知识延伸 作者:白宁超 2016年10月10日22:36:57 摘要:继<快速上手学python>一文之后,笔者又将python官方文档认真学习下.官方给 ...
- 移动WEB像素相关知识
了解移动web像素的知识,主要是为了切图时心中有数.本文主要围绕一个问题:怎样根据设备厂商提供的屏幕尺寸和物理像素得到我们切图需要的逻辑像素?围绕这个问题以iphone5为例讲解涉及到的web像素相关 ...
- listener监听器的相关知识
从别人的博客上我学习了listener的相关知识现在分享给大家 1.概念: 监听器就是一个实现特定接口的普通java程序,这个程序专门用于监听另一个java对象的方法调用或属性改变,当被监听对象发生上 ...
- UIViewController相关知识
title: UIViewController 相关知识date: 2015-12-13 11:50categories: IOS tags: UIViewController 小小程序猿我的博客:h ...
- 【转】java NIO 相关知识
原文地址:http://www.iteye.com/magazines/132-Java-NIO Java NIO(New IO)是从Java 1.4版本开始引入的一个新的IO API,可以替代标准的 ...
- NSString使用stringWithFormat拼接的相关知识
NSString使用stringWithFormat拼接的相关知识 保留2位小数点 1 2 3 4 //.2代表小数点后面保留2位(2代表保留的数量) NSString *string = [NSSt ...
- iOS网络相关知识总结
iOS网络相关知识总结 1.关于请求NSURLRequest? 我们经常讲的GET/POST/PUT等请求是指我们要向服务器发出的NSMutableURLRequest的类型; 我们可以设置Reque ...
- 电路相关知识--读<<继电器是如何成为CPU的>>
电路相关知识–读<<继电器是如何成为CPU的>> */--> *///--> *///--> 电路相关知识–读<<继电器是如何成为CPU的> ...
- 地址标记，SpringMVC转发与调用相关知识存档
1.mytest_mavenprj1中,index的 <a href="login/login.html">点击登录</a> 与 <a href=&q ...
- AJAX跨域调用相关知识-CORS和JSONP（引）
AJAX跨域调用相关知识-CORS和JSONP 1.什么是跨域 跨域问题产生的原因,是由于浏览器的安全机制,JS只能访问与所在页面同一个域(相同协议.域名.端口)的内容. 但是我们项目开发过程中,经常 ...
随机推荐
- 自定义JSP中的Taglib标签之四自定义标签中的Function函数
转自http://www.cnblogs.com/edwardlauxh/archive/2010/05/19/1918589.html 之前例子已经写好了,由于时间关系一直没有发布,这次带来的是关于 ...
- mysql数据库 触发器简单实例
触发器(trigger):监视某种情况,并触发某种操作. 触发器创建语法四要素:1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/befo ...
- Js-Html 前端系列--显示有格式的文本
var dp = $("#dp").val(); var dpXSS = filterXss(dp); document.getElementById("descript ...
- C语言之if和switch的分别
If和switch的互换规则 用if语句能实现的东西,用switch也可以实现 用switch语句能实现的东西,用if也可以实现 1.如果是判断范围的时候,用switch不太好做,没法直接做 2.如果 ...
- vue使用resource发送ajax请求
<script type="text/javascript"> new Vue({ el:'#app', created:function(){ var url=&qu ...
- KMS服务器搭建
- 怎样通过WireShark抓到的包分析出SIP流程图
WireShark抓到了SIP包, 逐条分析, 看瞎...希望能够写个脚本, 自动生成流程图
- 坚持使用GNU/Linux
在Windows或Mac OS X下,包括手机上的iOS与Android,应用程序开发得越来越复杂.点下一个按钮,光标转半天,程序在背后做了一堆你不清楚的操作.这不仅仅让你花更 长且不确定的时间等待, ...
- ios微信支付成功后点击左上角返回不走回调的问题
最近做微信支付发现ios9以后出现的跳转其他app后左上角有返回xxx功能会影响微信支付回调,情况如图 返回后不走下面的方法 - (BOOL)application:(UIApplication *) ...
- memcahced缓存特点
1.key-value数据结构 2.所有数据保存在内存中 3.可以分布式集群 4.处理并发的机制是libevent事件机制 5.当内容容量达到指定值后,就基于LRU(Least Recently Us ...