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 相关文章推荐
prototype 的说明 js类
Sep 07 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
Feb 26 Javascript
jQuery封装的获取Url中的Get参数示例
Nov 26 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
JQuery插入DOM节点的方法
Jun 11 Javascript
基于javascript如何传递特殊字符
Nov 30 Javascript
图文详解JavaScript的原型对象及原型链
Aug 02 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
fullpage.js最后一屏滚动方式
Feb 06 Javascript
ES6基础之展开语法(Spread syntax)
Feb 21 Javascript
uni-app实现点赞评论功能
Nov 25 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
May 18 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
239军机修复记
2021/03/02 无线电
php&java(三)
2006/10/09 PHP
计算2000年01月01日起到指定日的天数
2006/10/09 PHP
新安装的MySQL数据库需要注意的安全知识
2008/07/30 PHP
使用PHP获取汉字的拼音(全部与首字母)
2013/06/27 PHP
JoshChen_php新手进阶高手不可或缺的规范介绍
2013/08/16 PHP
php数组去除空值函数分享
2015/02/02 PHP
jQuery autocomplete插件修改
2009/04/17 Javascript
CCPry JS类库 代码
2009/10/30 Javascript
Javascript的时间戳和php的时间戳转换注意事项
2013/04/12 Javascript
一个JavaScript变量声明的知识点
2013/10/28 Javascript
jquery 构造函数在表单提交过程中修改数据
2015/05/25 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
关于javascript的一些知识以及循环详解
2016/09/12 Javascript
jQuery与JavaScript节点创建方法的对比
2016/11/18 Javascript
jQuery.cookie.js使用方法及相关参数解释
2017/03/06 Javascript
解析Vue.js中的组件
2018/02/02 Javascript
javaScript中indexOf用法技巧
2019/11/26 Javascript
如何在微信小程序中存setStorage
2019/12/13 Javascript
python根据路径导入模块的方法
2014/09/30 Python
Python实现的简单文件传输服务器和客户端
2015/04/08 Python
在Python中使用Mako模版库的简单教程
2015/04/08 Python
使用Python的Tornado框架实现一个简单的WebQQ机器人
2015/04/24 Python
python调用fortran模块
2016/04/08 Python
Python中矩阵库Numpy基本操作详解
2017/11/21 Python
python实现简单神经网络算法
2018/03/10 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
使用python检查yaml配置文件是否符合要求
2020/04/09 Python
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
Zatchels官网:英国剑桥包品牌
2021/01/12 全球购物
超市实习总结自我鉴定
2013/09/19 职场文书
宝宝满月酒主持词和仪式流程
2014/03/27 职场文书
人力资源管理系自荐信
2014/05/31 职场文书
营业员岗位职责范本
2015/04/14 职场文书
2019餐饮行业创业计划书!
2019/06/27 职场文书
教你怎么用Python实现GIF动图的提取及合成
2021/06/15 Python