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 相关文章推荐
如何用javascript控制上传文件的大小
Oct 26 Javascript
jquery中get,post和ajax方法的使用小结
Feb 04 Javascript
学习JavaScript设计模式之策略模式
Jan 12 Javascript
NODE.JS跨域问题的完美解决方案
Oct 20 Javascript
用Angular实时获取本地Localstorage数据,实现一个模拟后台数据登入的效果
Nov 09 Javascript
EditPlus中的正则表达式 实战(4)
Dec 15 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
Aug 07 Javascript
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
element-ui 表格实现单元格可编辑的示例
Feb 26 Javascript
vue filters的使用详解
Jun 11 Javascript
详解Vue.js在页面加载时执行某个方法
Nov 20 Javascript
vue cli 3.0 搭建项目的图文教程
May 17 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
PHP中递归的实现实例详解
2017/11/14 PHP
javascript 字符 Escape,encodeURI,encodeURIComponent
2009/07/09 Javascript
超简单的jquery的AJAX用法
2010/05/10 Javascript
js中parseInt函数浅谈
2013/07/31 Javascript
IE6下拉框图层问题探讨及解决
2014/01/03 Javascript
jquery无刷新验证邮箱地址实现实例
2014/02/19 Javascript
JS实现图片无间断滚动代码汇总
2014/07/30 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
JS对HTML表格进行增删改操作
2016/08/22 Javascript
Bootstrap Img 图片样式(推荐)
2016/12/13 Javascript
javascript html5轻松实现拖动功能
2017/03/01 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
微信小程序实现顶部普通选项卡效果(非swiper)
2020/06/19 Javascript
VUE项目中加载已保存的笔记实例方法
2019/09/14 Javascript
JavaScript中window和document用法详解
2020/07/28 Javascript
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
Python解析树及树的遍历
2016/02/03 Python
Python编程pygame模块实现移动的小车示例代码
2018/01/03 Python
pycharm 主题theme设置调整仿sublime的方法
2018/05/23 Python
基于Django URL传参 FORM表单传数据 get post的用法实例
2018/05/28 Python
使用sklearn进行对数据标准化、归一化以及将数据还原的方法
2018/07/11 Python
谈谈Python中的while循环语句
2019/03/10 Python
用Python实现最速下降法求极值的方法
2019/07/10 Python
python数字类型math库原理解析
2020/03/02 Python
在django中查询获取数据,get, filter,all(),values()操作
2020/08/09 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
css3简单练习实现遨游浏览器logo的绘制
2013/01/30 HTML / CSS
css3实现元素环绕中心点布局的方法示例
2019/01/15 HTML / CSS
印度网上购物首选目的地:Flipkart
2016/08/01 全球购物
美国高端医师级美容产品电商:BeautifiedYou.com
2017/04/17 全球购物
安全演讲稿大全
2014/05/09 职场文书
维护民族团结演讲稿
2014/08/27 职场文书
【超详细】八大排序算法的各项比较以及各自特点
2021/03/31 Python
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers
Python Pytorch查询图像的特征从集合或数据库中查找图像
2022/04/09 Python