JS模拟面向对象全解(二、类型与赋值)


Posted in Javascript onJuly 13, 2011

类型赋值类似变量传递的问题。
基本数据类型不必说,传值的。

var a=5; 
var b=a; 
b=3; 
alert(a);//提示5 
alert(b);//提示3

由此观之,发现改变b不会改变a,因为都是变量的值在来回传递,和变量本身没有关系。
对象类型,传址的。
var a=new Object(); 
a.x=5; 
var b=a; 
b.x=3; 
alert(a.x);//提示3 
alert(b.x);//提示3

这样,由于传址,所以b即是a,a即是b,互相改变。
如若还不清楚,再举个例子:
var a=new Object(); 
a.x=5; 
var b=a; 
alert(b.x);//提示5,b.x即a.x,都是5 
a.x=3;//改a.x即改b.x,都是3了 
alert(a.x);//提示3 
alert(b.x);//提示3

不过,对象类型的属性互相赋值,就与对象类型没关系了,就和其属性的类型有关系。
属性是基本数据类型则传值,属性是对象类型则传址。举个例子吧,简单点:
var a=new Object(); 
a.x=5; var b=new Object(); 
b.x=a.x; b.x=3; 
alert(a.x);//提示5 
alert(b.x);//提示3

上面来回赋值的不过是两个不同对象的属性,都是互相孤立的,也都是基本数据类型,因此只是互相传值,不会互相影响。
var a=new Object(); 
a.x=5; 
var b=a.x; 
b=3; 
alert(a.x);/提示/5 
alert(b);//提示3

这也是一样,b这个基本数据类型与a的基本数据类型的属性x相互赋值,同样不会互相影响,只是互相传值。
可是,对象的属性如果也是对象类型,那就也是传址了。
var a=new Object(); 
a.x=new Object; 
a.x.n=5; 
var b=a.x; 
alert(b.n);//提示5 
b.n=3;//也就改了a.x的n 
alert(a.x.n);//提示3 
alert(b.n);//提示3

a对象的属性x,被定义为一个Object对象类型。因此b赋值为a.x时,他们就是互通的了,其实就是同一个了,可以互相影响、改变。
————
可是,如果我想让对象类型变量赋值时,只是拷贝属性,而不是达到“你就是我,我就是你”的境界、“同生共死”的高尚品格。怎么办?
木有什么特别好的办法,用下面这个函数吧。
var DeepCopy = function(destination, source) 
{ 
for (var property in source) 
{ 
var copy = source[property]; 
if ( destination === copy ) continue; 
if ( typeof copy === "object" ) 



{ 
destination[property] = DeepCopy(destination[property] || {}, copy); 
  } 



 else 



 { 

 destination[property] = copy; 

 } 
} 
return destination; 
}

用法
var a=new Object; 
a.x=5; 
a.y=3; 
var b=new Object; 
DeepCopy(b,a); 
alert(b.x);//提示5 
alert(b.y);//提示3 
b.x=8; 
alert(a.x);//提示5

看,修改了b.x却不能影响a.x了吧?
这个DeepCopy是个不错的函数。
上面实现了对象类型的模拟“传值”
那么怎么做才能模拟基本数据类型的“传址”?
就是用Array对象。
function change(a) 
{ 
a[0]=5; 
alert(a);//提示5 
} 
var x=[3]; 
alert(x);//提示3 
change(x); 
alert(x);//提示5

赋值为一个[xx],其实就是赋值为一个有数据的Array对象。这里就是利用含有一个元素的数组来模拟传址。因为数组是对象类型,传递时传址。
当然,你也可以用任意对象类型的属性来模拟。
Javascript 相关文章推荐
js播放wav文件(源码)
Apr 22 Javascript
JQuery为textarea添加maxlength属性并且兼容IE
Apr 25 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
Jan 20 Javascript
js点击事件链接的问题解决
Apr 25 Javascript
js图片轮播特效代码分享
Sep 07 Javascript
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
Dec 04 Javascript
AngularJS之依赖注入模拟实现
Aug 19 Javascript
微信小程序加载更多 点击查看更多
Nov 29 Javascript
微信小程序 配置文件详细介绍
Dec 14 Javascript
vue移动端实现下拉刷新
Apr 22 Javascript
node.js监听文件变化的实现方法
Apr 17 Javascript
js实现滑动滑块验证登录
Jul 24 Javascript
JS模拟面向对象全解(一、类型及传递)
Jul 13 #Javascript
一些实用的jQuery代码片段收集
Jul 12 #Javascript
formValidator3.3的ajaxValidator一些异常分析
Jul 12 #Javascript
在IE浏览器中resize事件执行多次的解决方法
Jul 12 #Javascript
JQuery获取当前屏幕的高度宽度的实现代码
Jul 12 #Javascript
Jquery进度条插件 Progress Bar小问题解决
Jul 12 #Javascript
遨游,飞飞,IE,空中网 浏览器无提示关闭方法
Jul 11 #Javascript
You might like
历史证明,懒惰才是推动科学发展技术进步的动力
2021/03/02 无线电
五个PHP程序员工具
2008/05/26 PHP
PHP中的session永不过期的解决思路及实现方法分享
2011/04/20 PHP
PHP中$this和$that指针使用实例
2015/01/06 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
PHP浮点数的一个常见问题
2016/03/10 PHP
PHP 年月日的三级联动实例代码
2017/05/24 PHP
javascript英文日期(有时间)选择器
2007/05/02 Javascript
一些常用的JS功能函数代码
2009/06/23 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
2014/06/26 Javascript
浅谈javascript中call()、apply()、bind()的用法
2015/04/20 Javascript
基于JavaScript实现TAB标签效果
2016/01/12 Javascript
AngularJs 60分钟入门基础教程
2016/04/03 Javascript
深入理解jQuery 事件处理
2016/06/14 Javascript
AngularJS使用ng-repeat指令实现下拉框
2016/08/23 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
javascript中json对象json数组json字符串互转及取值方法
2017/04/19 Javascript
layui文件上传实现代码
2017/05/20 Javascript
解决eclipse中没有js代码提示的问题
2018/10/10 Javascript
微信小程序tabBar设置实例解析
2019/11/14 Javascript
Vue+Node实现的商城用户管理功能示例
2019/12/23 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
2020/09/16 Javascript
在Python的Django框架中创建语言文件
2015/07/27 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
Python中最好用的命令行参数解析工具(argparse)
2019/08/23 Python
Python HTMLTestRunner如何下载生成报告
2020/09/04 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
bonprix匈牙利:女士、男士和儿童服装
2019/07/19 全球购物
运动会四百米广播稿
2014/01/19 职场文书
材料员岗位职责
2014/03/13 职场文书
党员实事承诺书
2014/03/26 职场文书
项目合作协议书
2014/04/16 职场文书
适合毕业生创业的项目怎么找?
2019/08/08 职场文书
python中的3种定义类方法
2021/11/27 Python
Apache Kafka 分区重分配的实现原理解析
2022/07/15 Servers