Javascript引用指针使用介绍


Posted in Javascript onNovember 07, 2012

请尝试完成下列完形填空:

/* 创建一个队列,头为head0,尾为tail0 */ 
function IntList(head0, tail0){ 
this.head = head0 || 0; 
this.tail = tail0 || null; 
} 
/* 返回一个IntList包含数组中的所有数 */ 
IntList.list = function(__args){ 
var sentinel = new IntList(), 
len = __args.length, p = sentinel; 
for(var i = 0; i < len; i++){ 
p.tail = new IntList(__args[i]); 
p = p.tail; 
} 
return sentinel.tail; 
}; 
/* 返回该对象的字符串表示 */ 
IntList.prototype.toString = function(){ 
var temp = ""; 
temp += "["; 
for(var L = this; L !== null; L = L.tail){ 
temp = temp + " " + L.head; 
} 
temp += " ]"; 
return temp; 
}; 
/** 返回一个IntList,包含IntList A和IntList B, 
* 其中B的元素在A的后面。不能使用new关键字。 
*/ 
function dcatenate(A, B){ 
/* 完成功能 */ 
} 
/** 返回一个新的IntList,其长度为len, 
* 以#start元素为开头(其中#0是第一个元素), 
* 不能改变L。 
*/ 
function sublist(L, start, len){ 
/* 完成功能 */ 
}

这是一个用Javascript写的链表题。由于链表拥有较为复杂的引用操作,正好可以用来考察下对Javascript的引用的理解。附带简单的测试用例:
/* 测试dcatenate和sublist函数是否正确 */ 
function test(){ 
var A = IntList.list([4,6,7,3,8]), 
B = IntList.list([3,2,5,9]); 
dcatenate(A, B); 
if(A.toString() === "[ 4 6 7 3 8 3 2 5 9 ]"){ 
alert("dcatenate函数正确。"); 
}else{ 
alert("dcatenate函数错误。"); 
} 
var L = IntList.list([3,4,5,2,6,8,1,9]), 
result = sublist(L, 3, 3); 
if(result.toString() === "[ 2 6 8 ]"){ 
alert("sublist函数正确。"); 
}else{ 
alert("sublist函数正确。"); 
} 
}

Javascript引用?

实际上,在对变量赋予引用类型实例时,变量保存的是该实例的引用:

var temp = new Object();

Javascript引用指针使用介绍

这种表现非常切合它的名字,引用类型,其实例当然是来引用的。

而当将该变量再付给另一个变量的时候,实际上只是进行了对引用的复制操作:

var temp2 = temp;

Javascript引用指针使用介绍

所以虽然从定义式来看:temp2 = temp,但他们并没有直接联系,例如修改了temp的引用:

var temp = { 
name: "temp" 
}; 
var temp2 = temp; 
temp = { 
name: "not temp2" 
}; 
temp === temp2; //false

当然,如果我们修改的只是指针指向的实例本身,那么temp2依然等于temp:
var temp = { 
name: "temp" 
}; 
var temp2 = temp; 
temp.name = "also temp2"; 
temp === temp2; //true

IntList是什么东东?

我们来分析一下下图:

Javascript引用指针使用介绍

    创建两个空的变量,所以右图中L和Q是空的。创建一个新的IntList其头部为3,尾部为空,将L引用的值赋给Q,所以L和Q都指向这个新的IntList。Q指向一个新创建的IntList其头部为42,尾部为空,将Q的指针赋给L.tail,这样两个IntList被套嵌起来。

可见IntList是个通过指针达到多重套嵌的数据结构,被称为链表(Linked List)。

1.创建两个空的变量,所以右图中L和Q是空的。
2.创建一个新的IntList其头部为3,尾部为空,将L引用的值赋给Q,所以L和Q都指向这个新的IntList。
3.Q指向一个新创建的IntList其头部为42,尾部为空,将Q的指针赋给L.tail,这样两个IntList被套嵌起来。
可见IntList是个通过指针达到多重套嵌的数据结构,被称为链表(Linked List)。

IntList合并

我们只需要将其中一个的尾部指向另一个就行了。这样这两个IntList就连接起来了:

/** 返回一个IntList,包含IntList A和IntList B, 
* 其中B的元素在A的后面。不能使用new关键字。 
*/ 
function dcatenate(A, B){ 
var p; 
for(p = A; p != null; p = p.tail){ 
if(p.tail === null){ 
p.tail = B; 
break; 
} 
} 
return A 
}

IntList截取
由于题目要求不能改变原IntList,所以我们只能从原IntList取出数据再重建一个新的数据。
/** 返回一个新的IntList,其长度为len, 
* 以#start元素为开头(其中#0是第一个元素), 
* 不能改变L。 
*/ 
function sublist(L, start, len){ 
var K, 
P, 
J; 
var i = 0, 
end = start + len; 
for(P = L; i <= end; P = P.tail, i++){ 
if(i < start){ 
continue; 
}else if(i === start){ 
K = new IntList(P.head); 
J = K; 
}else if(i > start && i < end){ 
J.tail = new IntList(P.head); 
J = J.tail; 
}else if(i >= end){ 
break; 
} 
} 
return K; 
}

思考题
1.函数传参数的时候是怎么传的?例如下面代码的引用过程是怎样的?
var obj = { 
name: "anything" 
}; 
function getName(__obj){ 
return __obj.name; 
} 
var name = getName(obj);
Javascript 相关文章推荐
js调用webservice中的方法实现思路及代码
Feb 25 Javascript
浅谈jquery回调函数callback的使用
Jan 30 Javascript
JavaScript简单实现弹出拖拽窗口(二)
Jun 17 Javascript
微信小程序 wxapp内容组件 icon详细介绍
Oct 31 Javascript
React-native桥接Android原生开发详解
Jan 17 Javascript
javascript高仿热血传奇游戏实现代码
Feb 22 Javascript
vue脚手架搭建项目的兼容性配置详解
Jul 17 Javascript
vuex 解决报错this.$store.commit is not a function的方法
Dec 17 Javascript
浅谈发布订阅模式与观察者模式
Apr 09 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
May 20 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
基于javascript原生判断DOM是否加载完毕
Oct 14 Javascript
JavaScript在多浏览器下for循环的使用方法
Nov 07 #Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
Nov 07 #Javascript
JS正则中的RegExp对象对象
Nov 07 #Javascript
js模拟点击事件实现代码
Nov 06 #Javascript
js判断变量是否未定义的代码
Mar 28 #Javascript
jquery判断浏览器类型的代码
Nov 05 #Javascript
js实现翻页后保持checkbox选中状态的实现方法
Nov 03 #Javascript
You might like
PHP 遍历文件实现代码
2011/05/04 PHP
PHP+jQuery实现自动补全功能源码
2013/05/15 PHP
php实现高效获取图片尺寸的方法
2014/12/12 PHP
基于JQuery的简单实现折叠菜单代码
2010/09/15 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
理解js对象继承的N种模式
2016/01/25 Javascript
JavaScript 对象字面量讲解
2016/06/06 Javascript
Angular的MVC和作用域
2016/12/26 Javascript
从零开始学习Node.js系列教程五:服务器监听方法示例
2017/04/13 Javascript
Angular实现表单验证功能
2017/11/13 Javascript
angular学习之动态创建表单的方法
2018/12/07 Javascript
vue中在vuex的actions中请求数据实例
2019/11/08 Javascript
JavaScript canvas实现雨滴特效
2021/01/10 Javascript
python实现图片批量剪切示例
2014/03/25 Python
python网络编程学习笔记(六):Web客户端访问
2014/06/09 Python
Python显示进度条的方法
2014/09/20 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
selenium python浏览器多窗口处理代码示例
2018/01/15 Python
python scipy求解非线性方程的方法(fsolve/root)
2018/11/12 Python
Python开启线程,在函数中开线程的实例
2019/02/22 Python
python3利用Socket实现通信的方法示例
2019/05/06 Python
python3+PyQt5 使用三种不同的简便项窗口部件显示数据的方法
2019/06/17 Python
用Python批量把文件复制到另一个文件夹的实现方法
2019/08/16 Python
解决python 读取excel时 日期变成数字并加.0的问题
2019/10/08 Python
python3实现elasticsearch批量更新数据
2019/12/03 Python
Python3运算符常见用法分析
2020/02/14 Python
你应该知道的30个css选择器
2014/03/19 HTML / CSS
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
哥德堡通行证:Gothenburg Pass
2019/12/09 全球购物
高二政治教学反思
2014/02/01 职场文书
幼儿园大班个人总结
2015/02/28 职场文书
2016年七夕爱情寄语
2015/12/04 职场文书
初中班主任心得体会
2016/01/07 职场文书
AudioContext 实现音频可视化(web技术分享)
2022/02/24 Javascript
Win11更新失败并提示0xc1900101
2022/04/19 数码科技
第四次工业革命,打工人与机器人的竞争
2022/04/21 数码科技