经典题型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>
网友评论