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 相关文章推荐
JScript中的undefined和"undefined"的区别
Mar 08 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
Dec 29 Javascript
js点击选择文本的方法
Feb 09 Javascript
javascript实现文件拖拽事件
Mar 29 Javascript
vue 实现数字滚动增加效果的实例代码
Jul 06 Javascript
小程序视频或音频自定义可拖拽进度条的示例代码
Sep 30 Javascript
vue: WebStorm设置快速编译运行的方法
Oct 18 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 Javascript
vue+node 实现视频在线播放的实例代码
Oct 19 Javascript
解决vue页面刷新,数据丢失的问题
Nov 24 Vue.js
微信小程序轮播图swiper代码详解
Dec 01 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
推荐几部必看的DC动画电影
2020/03/03 欧美动漫
用Apache反向代理设置对外的WWW和文件服务器
2006/10/09 PHP
PHP实现分页的一个示例
2006/10/09 PHP
PHP对表单提交特殊字符的过滤和处理方法汇总
2014/02/18 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
php获取英文姓名首字母的方法
2015/07/13 PHP
Laravel学习教程之IOC容器的介绍与用例
2017/08/15 PHP
laravel框架中视图的基本使用方法分析
2019/11/23 PHP
使用jquery的ajax需要注意的地方dataType的设置
2013/08/12 Javascript
纯js简单日历实现代码
2013/10/05 Javascript
js实现同一页面多个不同运动效果的方法
2015/04/10 Javascript
jQuery中iframe的操作(点击按钮新增窗口)
2016/04/20 Javascript
Node.js检测端口(port)是否被占用的简单示例
2016/09/29 Javascript
js导出excel文件的简洁方法(推荐)
2016/11/02 Javascript
微信小程序侧边栏滑动特效(左右滑动)
2017/01/23 Javascript
vue解决一个方法同时发送多个请求的问题
2018/09/25 Javascript
用 js 写一个 js 解释器过程详解
2019/08/02 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
2019/09/03 jQuery
python之virtualenv的简单使用方法(必看篇)
2017/11/25 Python
Python读取mat文件,并转为csv文件的实例
2018/07/04 Python
从运行效率与开发效率比较Python和C++
2018/12/14 Python
使用python 打开文件并做匹配处理的实例
2019/01/02 Python
关于不懂Chromedriver如何配置环境变量问题解决方法
2019/06/12 Python
python实现的按要求生成手机号功能示例
2019/10/08 Python
使用pandas库对csv文件进行筛选保存
2020/05/25 Python
IE滤镜与CSS3效果(详细整理分享)
2013/01/25 HTML / CSS
澳大利亚最便宜的网上药房:Chemist Warehouse
2020/01/30 全球购物
大学生的自我鉴定范文
2014/01/21 职场文书
医学生自我评价
2014/01/27 职场文书
英语老师推荐信
2014/02/26 职场文书
访谈节目策划方案
2014/05/15 职场文书
巾帼标兵事迹材料
2014/12/26 职场文书
慰问信模板
2015/02/14 职场文书
公司放假通知范文
2015/04/14 职场文书
师范生教育见习总结
2015/06/23 职场文书
利用Python实现模拟登录知乎
2022/05/25 Python