写了很久JS，还以为这段代码可以正常输出，谁知道输出超乎我的形象：

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<script type="text/javascript">

			function MSG(a,b,c,d){

				this.a=a;

				this.b=b;

				this.c=c;

				this.d=d;

				this.e="喜欢";

				var that=this;   //方便私有函数haha()访问

				this.say=function(){

					console.log(haha());

				}

				this.ca=function(){

					return that.c+this.e+this.d;

				}

				function haha(){

					return this.a+",今年"+this.b+"岁;";

				//	return this.a+",今年"+this.b+"岁;"+this.ca();

				//	return that.a+",今年"+that.b+"岁;"+that.ca();

				}

			}

			var my=new MSG('张三','25','男','美女');

			my.say();

		</script>

	</head>

	<body>

	</body>

</html>

　　

以下这段代码居然报错，呜呜呜呜呜。。。。。。。

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<script type="text/javascript">

			function MSG(a,b,c,d){

				this.a=a;

				this.b=b;

				this.c=c;

				this.d=d;

				this.e="喜欢";

				var that=this;   //方便私有函数haha()访问

				this.say=function(){

					console.log(haha());

				}

				this.ca=function(){

					return that.c+this.e+this.d;

				}

				function haha(){

				//	return this.a+",今年"+this.b+"岁;";

				 	return this.a+",今年"+this.b+"岁;"+this.ca();

				//	return that.a+",今年"+that.b+"岁;"+that.ca();

				}

			}

			var my=new MSG('张三','25','男','美女');

			my.say();

		</script>

	</head>

	<body>

	</body>

</html>

　　

修改以上的代码，让that=this;此时that和this指向同一位置，就可以啦。。。

<!DOCTYPE html>

<html>

	<head>

		<meta charset="UTF-8">

		<title></title>

		<script type="text/javascript">

			function MSG(a,b,c,d){

				this.a=a;

				this.b=b;

				this.c=c;

				this.d=d;

				this.e="喜欢";

				var that=this;   //方便私有函数haha()访问

				this.say=function(){

					console.log(haha());

				}

				this.ca=function(){

					return that.c+this.e+this.d;   //this==that

				}

				function haha(){

				//	return this.a+",今年"+this.b+"岁;";

				// 	return this.a+",今年"+this.b+"岁;"+this.ca();

					return that.a+",今年"+that.b+"岁;"+that.ca();

				}

			}

			var my=new MSG('张三','25','男','美女');

			my.say();

		</script>

	</head>

	<body>

	</body>

</html>

　　

总结：

私有变量】 在对象内部使用'var'关键字来声明，而且它只能被私有函数和特权方法访问。 
【私有方法】 在对象的构造函数里声明（或者是通过varfunctionName=function(){...}来定义），
它能被特权方法调用（包括对象的构造方法）和私有方法调用,私有函数只能访问私有的方法和属性。 
【特权方法】通过this.methodName=function(){...}来声明而且可能被对象外部的代码调用。
它可以使用：this.特权函数() 方式来调用特权函数，使用 ：私有函数()方式来调用私有函数。

【公共属性】 通过this.variableName来定义而且在对象外部是可以读写的。不能被私有函数所调用。 
【公共方法】 通过ClassName.prototype.methodName=function(){...}来定义可以从对象外部来调用。 
【原型属性】 通过ClassName.prototype.propertyName=someValue 来定义。 
【静态属性】 通过ClassName.propertyName=someValue 来定义。
【静态方法】 通过ClassName.funName=function(){...} 来定义。

一段js的思考的更多相关文章

  1. 由一段JS代码引发的思考

    不知道大家在编程的时候有没有遇到过这种情况,就是在循环遍历删除一部分内容的时候,发现只能删除其中一部分,而另一部分却总也删不掉,然后觉得自己的逻辑没有问题啊,于是陷入了深深的抑郁之中…… 昨天在处理一 ...

  2. 一段js MD5。加密 转换C#语法过程

    A 帮忙把这段js脚本转换 c#语言. JS: function md5 (bit,sMessage) {debugger //var sMessage = this; function Rotate ...

  3. 让ie支持placeholder属性，一段js搞定

    placeholder属性真的是超级好用的新属性,可惜,只有新版浏览器才支持,为了写出输入框贴心提示,老方法就是加span标签覆盖,营造出placeholder提示的感觉,现在安利一款好用的js,好用 ...

  4. 分享一段js，判断是否是在iPhone中的Safari浏览器打开的页面

    头部引用jquery包 将下面的一段js写在</body>的前面 <script type="text/javascript"> var ua = navi ...

  5. 一段JS控制TD中图片的大小的代码

    一段JS控制TD中图片的大小的代码 <table><tr><td id="otd"><div></div><img ...

  6. 一天一小段js代码（no.4）

    最近在看网上的前端笔试题,借鉴别人的自己来试一下: 题目: 写一段脚本,实现:当页面上任意一个链接被点击的时候,alert出这个链接在页面上的顺序号,如第一个链接则alert(1), 依次类推. 有一 ...

  7. 一天一小段js代码（no.2）

    (一)可以用下面js代码来检测弹出窗口是否被屏蔽: var blocked = false ; try { /*window.open()方法接受4个参数window.open(要加载的url,窗口目 ...

  8. 我要崩溃了，要解出这么一段js代码背后的东西，这真是一坨啊，别被高度欺骗了，他还有宽度！！！！！试着按下方向右键

    一坨js代码: function s_gi(un, pg, ss) { var c = "s.version='H.26';s.an=s_an;s.logDebug=function(m){ ...

  9. 在使用IWMS的时候，IWMS自带函数样式无法满足我们需求。以下一段JS是实现左图右字的适用于IWMS的代码。

    <div class="wz-list">里边需要有html做好的Html代码样式</div> <script> var attrnew = & ...

随机推荐

  1. H5移动端视频问题(苹果全屏播放问题等)

    iphone上,手动.自动.窗口化等问题 iphone窗口化 解决方案: 通过canvas + video标签结合处理 原理: 获取video的原图帧,通过canavs绘制到页面. 我们一般在苹果上在 ...

  2. 20165301 2017-2018-2 《Java程序设计》第七周学习总结

    20165301 2017-2018-2 <Java程序设计>第七周学习总结 教材学习内容总结 第十一章:JDBC与MySQL数据库 MySQL数据库管理系统 启动MySQL数据库服务器 ...

  3. MySQL-事务特性

    1. 事务概念引入: 现实生活中,我们往往经常会进行转账操作,转账操作可以分为两部分来完成,转入和转出.只有这两部分都完成了才可以认为是转账成功.在数据库中,这个过程是使用两条语句来完成的,如果其中任 ...

  4. hdu 5912(迭代+gcd)

    Fraction Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others)Total Su ...

  5. iptables配置文件

    https://www.cnblogs.com/itxiongwei/p/5871075.html

  6. ASN.1笔记——语法规则与类型概述

    转载:https://blog.csdn.net/sever2012/article/details/7672699 一.简介 ASN.1(Abstract Syntax Notation doton ...

  7. karma+requirejs

    下面的介绍以karma能正常运行为前提,看karma系列文章:http://www.cnblogs.com/laixiangran/tag/Karma/ 目录结构 步骤 安装 npm install ...

  8. Nodejs 接收RabbitMQ消息

    参考官方地址:https://www.rabbitmq.com/tutorials/tutorial-one-javascript.html 关于C#消息发送端,请参考<c# RabbitMQ ...

  9. nodejs pm2配置使用教程

    pm2是非常优秀工具,它提供对基于node.js的项目运行托管服务.它基于命令行界面,提供很多特性: 内置的负载均衡器等等,下面我们就一起来看看吧. 一.简介 pm2是一个带有负载均衡功能的应用进程管 ...

  10. 八皇后--python代码

    迭代和递归方法的运用 import random def prettyprint(solution): #图形化处理数据 def line(pos,length=len(solution)): #单行 ...