相思资源网 Design By www.200059.com
- 迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素，而又不需要暴露该对象的内部表示。
JavaScript中的Array.prototype.forEach
一、jQuery中的迭代器
$.each([1, 2, 3], function(i, n) {
console.log("当前下标为："+ i + " 当前元素为："+ n );
});
二、实现自己的迭代器
var each = function(ary, callback) {
for(var i = 0, l = ary.length; i < l; i++) {
callback.call(ary[i], i, ary[i]);
}
};
each([1, 2, 3], function(i, n) {
console.log("当前下标为："+ i + " 当前元素为："+ n );
});
注意：区别于Array.prototype.forEach的参数！！！
[1, 2, 3].forEach(function(n, i, curAry){
console.log("当前下标为："+ i + " 当前元素为："+ n + " 当前数组为：" + curAry);
})
三、内部迭代器、外部迭代器
（1）内部迭代器：已经定义好了迭代规则，它完全接手整个迭代过程，外部只需一次初始调用。上述自定义each即为内部迭代器！
（2）外部迭代器：必须显示地请求迭代下一个元素。
示例：判断两个数组是否相等
示例一：内部迭代器
// 内部迭代器
var each = function(ary, callback) {
for(var i = 0, l = ary.length; i < l; i++) {
callback.call(ary[i], i, ary[i]);
}
};
// 比较函数
var compareAry = function(ary1, ary2) {
if(ary1.length != ary2.length) {
throw new Error("不相等"); // return console.log("不相等");
}
// 且住
each(ary1, function(i, n) {
if(n !== ary2[i]) {
// return console.log("不相等");
// return 只能返回到each方法外，后续console.log("相等")会继续执行，所以这里得使用throw
throw new Error("不相等");
}
});
console.log("相等");
}
compareAry([1, 2, 3], [1, 2, 4]);
示例二：外部迭代器
// 外部迭代器
var Iterator = function(obj) {
var current = 0,
next = function() {
current++;
},
isDone = function() {
return current >= obj.length;
},
getCurrentItem = function() {
return obj[current];
};
return {
next: next,
isDone: isDone,
getCurrentItem: getCurrentItem
};
};
// 比较函数
var compareAry = function(iterator1, iterator2) {
while( !iterator1.isDone() && !iterator2.isDone() ){
if(iterator1.getCurrentItem() !== iterator2.getCurrentItem()) {
throw new Error("不相等");
}
iterator1.next();
iterator2.next();
}
console.log("相等");
}
compareAry(new Iterator([1, 2, 3]), new Iterator([1, 2, 4]));
四、终止迭代器
var each = function(ary, callback) {
for(var i = 0, l = ary.length; i < l; i++) {
if(callback.call(ary[i], i, ary[i]) === false) {
break;
}
}
}
each([1, 2, 4, 1], function(i, n) {
if(n > 3) {
return false;
}
console.log(n);
});
五、应用（落地）
文件上传，根据不同的浏览器获取相应的上传组件对象。
对比《JavaScript设计模式–责任链模式》
var iteratorUploadObj = function() {
for(var i = 0, fn; fn = arguments[i]; i++) {
var uploadObj = fn();
if(uploadObj !== false) {
return uploadObj;
}
}
};
var uploadObj = iteratorUploadObj(getActiveUploadObj, getFlashUploadObj, getFormUploadObj);
function getActiveUploadObj() {
try{
return new ActiveObject("TXFTNActiveX.FTNUpload"); // IE上传控件
}catch(e) {
return false;
}
}
function getFlashUploadObj() {
if(supportFlash().f === 1) {
var str = '<object type="application/x-shockwave-flash"></object>';
return $(str).appendTo($("body"));
}
return false;
}
function getFormUploadObj() {
var str = '<input name="file" type="file" class="ui-file" />';
return $(str).appendTo($("body"));
}
// 是否支持flash
function supportFlash() {
var hasFlash = 0; //是否安装了flash
var flashVersion = 0; //flash版本
if (document.all) {
var swf = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
if (swf) {
hasFlash = 1;
VSwf = swf.GetVariable("$version");
flashVersion = parseInt(VSwf.split(" ")[1].split(",")[0]);
}
} else {
if (navigator.plugins && navigator.plugins.length > 0) {
var swf = navigator.plugins["Shockwave Flash"];
if (swf) {
hasFlash = 1;
var words = swf.description.split(" ");
for (var i = 0; i < words.length; ++i) {
if (isNaN(parseInt(words[i]))) continue;
flashVersion = parseInt(words[i]);
}
}
}
}
return { f: hasFlash, v: flashVersion };
}
希望本文所述对大家学习javascript程序设计有所帮助。
相思资源网 Design By www.200059.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
相思资源网 Design By www.200059.com
暂无学习JavaScript设计模式之迭代器模式的评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。