经典题型1
<script type="text/javascript">
/**
* ==================================================================
* 要求：
* 1, 只能在指定的位置填写自己的代码，本文件里的其他代码不能修改
* 2, 所有题目都不允许添加全局变量名
* 3, 本文件应该能在firebug的console里正常执行，并输出结果
* 4, 代码的执行效率会作为评判的重要标准
* 5, 共3题
* ==================================================================
*/
/**
* ==================================================================
* 题1: 实现一个遍历数组或对象里所有成员的迭代器
* ==================================================================
*/
var each = function (obj, fn) { //+++++++++++答题区域+++++++++++
if (obj instanceof Array) { //必须先判断obj是否是array,因为数组也属于对象
for (let i = 0; i < obj.length; i++) { let temp = fn.call(obj[i], i + 1) //遇到6时，跳出了回调fn函数，然后for继续循环
if (temp === false) { //遇到8时，由于temp是false，进入这个判断，直接通过return停止了for循环
return
}
}
} else if (obj instanceof Object) { for (let i in obj) { let temp = fn.call(obj[i], obj[i], i)
}
} //+++++++++++答题结束+++++++++++
}; try { var data1 = [4, 5, 6, 7, 8, 9, 10, 11, 12]; var data2 = { "a": 4, "b": 5, "c": 6
}; console.group(data1);
each(data1, function (o) { if (6 == this) return true; //表示跳过并继续遍历
else if (8 == this) return false; //表示停止遍历
console.log(o + ": \"" + this + "\"");
}); console.groupEnd(); /*------[执行结果]------
1: "4"
2: "5"
4: "7"
------------------*/
console.group(data2);
each(data2, function (v, n) { if (5 == this) //表示跳过5
{ return true;
} console.log(n + ": \"" + v + "\"");
}); console.groupEnd(); /*------[执行结果]------
a: "4"
c: "6"
------------------*/
} catch (e) { console.error("执行出错，错误信息: " + e);
}</script>经典题型2
<script type="text/javascript">
/**
* ==================================================================
* 题2: 实现一个叫Man的类，包含attr, words, say三个方法
* ==================================================================
*/
var Man; //+++++++++++答题区域+++++++++++
Man = function (info) { if (!(this instanceof Man)) { //判断this指向的目标，如果是window就说明没有进行new实例化，这样就要程序帮助进行new实例化
return new Man(info)
} this.info = info this.word = []
}
Man.prototype = { attr: function (key, val) { // let temp = "<用户未输入>"
// if(this.info[key] && !val){
// temp = this.info[key]
// }else if(val) {
// temp = this.info[key] = val
// }
// return temp
if (key instanceof Object) { for(let i in key){ this.info[i] = key[i]
}
} else { return val ? this.info[key] = val : (key ? this.info[key] : "<用户未输入>")
}
}, words: function(str) { this.word.push(str)
}, say: function() { let wLimit = this.info["words-limit"]
str = this.info["fullname"] + this.info["words-emote"] + ':"'
for(let i=0; i<wLimit; i++) {
str += this.word[i]
} return str + '"'
}
} //+++++++++++答题结束+++++++++++
try { var me = Man({ fullname: "小红"
}); //在不使用关键字new的时候，照样能够实例化
var she = new Man({ fullname: "小红"
}); console.group(); console.info("我的名字是：" + me.attr("fullname") + "\n我的性别是：" + me.attr("gender")); console.groupEnd(); /*------[执行结果]------
我的名字是：小红
我的性别是：<用户未输入>
------------------*/
me.attr("fullname", "小明");
me.attr("gender", "男");
me.fullname = "废柴";
me.gender = "人妖"; console.log(me);
she.attr("gender", "女"); console.group(); console.info("我的名字是：" + me.attr("fullname") + "\n我的性别是：" + me.attr("gender")); console.groupEnd(); /*------[执行结果]------
我的名字是：小明
我的性别是：男
------------------*/
console.group(); console.info("我的名字是：" + she.attr("fullname") + "\n我的性别是：" + she.attr("gender")); console.groupEnd(); /*------[执行结果]------
我的名字是：小红
我的性别是：女
------------------*/
me.attr({ "words-limit": 3, "words-emote": "微笑"
});
me.words("我喜欢看视频。");
me.words("我们的办公室太漂亮了。");
me.words("视频里美女真多！");
me.words("我平时都看优酷！"); console.group(); console.log(me.say()); /*------[执行结果]------
小明微笑："我喜欢看视频。我们的办公室太漂亮了。视频里美女真多！"
------------------*/
me.attr({ "words-limit": 2, "words-emote": "喊"
}); console.log(me.say()); console.groupEnd(); /*------[执行结果]------
小明喊："我喜欢看视频。我们的办公室太漂亮了。"
------------------*/
} catch (e) { console.error("执行出错，错误信息: " + e);
}</script>经典题型3
<script type="text/javascript">
/**
* ==================================================================
* 题3: 实现一个URI解析方法，把url里#之后的参数解析成指定的数据结构
* ==================================================================
*/ function urlParser(s) {
//+++++++++++答题区域+++++++++++ let data = []
s = s.split("#")[1] if(/page.*\?/.test(s)){ //筛选带有page页的数据
pageArr = s.match(/page.*\?/)[0].replace('?','').split('/')
data.push(pageArr[0])
pageArr[1] && data.push(pageArr[1])
}
/\?/.test(s) && (s = s.split("?")[1])
s = "{" + (s.replace(/(\=)(\w*)/g,':$2').replace(/&/g,',')) + "}"
s = s.replace(/(\w+)/g,'"$1"')
data.push(JSON.parse(s))
// /\?/.test(s) && (s = s.split("?")[1]);
// s = "{" + (s.replace(/(\=)(\w*)/g, ':\$2').replace(/&/g, ',')) + "}";
// s = s.replace(/(\w+)/g, '"$1"');
// data.push(eval( '(' + s + ')' ));
// return data; return data
//+++++++++++答题结束+++++++++++
}
try {
var url1 = "http://www.abc.com/m/s/#page/2/?type=latest_videos&page_size=20";
var url2 = "http://www.abc.com/m/s/#type=latest_videos&page_size=20";
var url3 = "http://www.abc.com/m/s/#page?type=latest_videos&page_size=20";
console.group();
console.info(urlParser(url1));
console.info(urlParser(url2));
console.info(urlParser(url3));
console.groupEnd();
/*------[执行结果]------
["page", "2", { "type": "latest_videos", "page_size": 20 }]
[{ "type": "latest_videos", "page_size": 20 }]
["page", { "type": "latest_videos", "page_size": 20 }]
------------------*/
} catch (e) {
console.error("执行出错，错误信息: " + e);
}
</script>
作者：饥人谷_米弥轮
链接：https://www.jianshu.com/p/5ee3c544cf34
随时随地看视频
