博客链接:http://www.cnblogs.com/TomXu/archive/2012/02/10/2342098.html
原题:
大叔注：这些题目也是来自出这5个题目的人，当然如果你能答对4个及以上并且想拿高工资的话，请联系我。
- 找出数字数组中最大的元素（使用Match.max函数）
- 转化一个数字数组为function数组（每个function都弹出相应的数字）
- 给object数组进行排序（排序条件是每个元素对象的属性个数）
- 利用JavaScript打印出Fibonacci数（不使用全局变量）
- 实现如下语法的功能：var a = (5).plus(3).minus(6); //2
- 实现如下语法的功能：var a = add(2)(3)(4); //9
以前一直是写.net后台,对js的操作,只是出于dom和ajax之间,对jquery的也只是存在能使用(还不算熟练)
后来在网上找到了tom大叔的javascript系列,发现写的真好.真的是我这种dom能操作,ajax能写,jquery会用.但是希望更深入下去的采纳哦.
于是就花了一些时间来学习博客里的内容.[本文最后回附上javascript系列文章的目录列表]
现在开始答题,用我自己的思路,(因为我本身算不上一个前端,只是偶尔前端忙的时候,我就写一下dom操作,和ajax.jquery里的ajax函数都没记清,还要去查API)
所以出现纰漏和错误的地方还希望大家指出,学习.
第一题:
找出数字数组中最大的元素（使用Match.max函数）.
答题思路:首先,我之前没有用过这个函数,js自带的参数提示也是一坨shit,况且弱类型语言,啥玩意都能往里面传,能不能执行就另说.
于是我就百度了一下Match.max函数,发现里面的参数是以Math.max(1,2,3,4,5,6,7) 这种模式.
去掉数组左右小括号里面的"内容"的格式就刚好满足max参数的要求.
于是:
<script type="text/javascript">
var int_array = [1,2,3,4,5,6];
var str_array ="";
for(var i = 0; i < int_array.length; i++){
str_array += int_array[i] + ",";
}
str_array = str_array.subString(0,str_array.length-1);//这里没有找到一个string内置的去掉特定尾字符的函数(trim(),trimRight)//可能是我参数没调对
eval("Math.max("+str_array+")");
</script>
第一条还算顺利,不算太难.
第二题:转化一个数字数组为function数组（每个function都弹出相应的数字）
答题思路:将一个数字转化成function数组,并且每个函数输出对应的数字.
关键在于"弹出相对应的数字."
明显就是一个闭包的操作.(为什么说"明显",因为我花了2天时间去理解和学习闭包)....
<script type="text/javascript">
var int_array = [1,2,3,4,5,6,7];
var fn_array = [];
for(var i = 0; i < int_array.length;i++){
var f = (function(lockitem){
return function(){
console.log("当前是函数fn_"+ lockitem +" ---- 对应的数字是:" + lockitem);
}
})(int_array[i]);
fn_array.push(f);
}
for(var j = 0 ; j < fn_array.length;j++){
console.log(fn_array[j]());
}
</script>
第三题:给object数组进行排序（排序条件是每个元素对象的属性个数）
答题思路:首先给一个对象的数组 比如(var obj_array = [{},{},{}]);
然后写一个函数,计算每个对象的属性个数(不包括原型属性),并返回新的对象,这个新的对象有2个属性 var newObj = {obj:obj,count:count};//Obj就是之前计算属性个数的那个对象本身,count是数量
然后在根据count属性排序,并把这个对象的obj属性返回出来.
var obj_array = [ { name:"张三" }, { name:"张三", age:25 }, { name:"张三", age:25, address:"湖北武汉" } ]; function propertyCount(obj){ if(typeof obj !== "object"){ throw new Error("参数类型错误!"); } var count = 0; for(var prop in obj){ if(obj.hasOwnProperty(prop)){ count++; } } var obj_instance = { target:obj, count:count } return obj_instance; } //删除数组的指定索引元素 function removeAtIndex(array,index){ array.splice(index,1); } var obj_whit_propertyCount = []; var sort_object = []; var i_array = []; for (var x = 0;x < obj_array.length;x++) { obj_whit_propertyCount.push(propertyCount(obj_array[x])); i_array.push(propertyCount(obj_array[x]).count); i_array.sort(); } for (var s = i_array.length - 1; s >=0;s-- ) { sort_object.push(returnObj(s+1)); } console.log(obj_whit_propertyCount); console.log(sort_object); function returnObj(count){ for (var q = 0;q < obj_whit_propertyCount.length;q++) { if(obj_whit_propertyCount[q].count == count){ return obj_whit_propertyCount[q].target; } } }
第三体肯定不是好的思路,不过跌跌撞撞也算是做出来了.
第四题: 利用JavaScript打印出Fibonacci数（不使用全局变量）
我只做出了递归计算,对于打印出1,1,2,3,5,8....这样的数字还没思路,如果读者,请留言告诉我.
function Fibonacii(num){ if(num == 1 || num == 2){ return 1; } return Fibonacii(num-1) + Fibonacii(num-2); } console.log(Fibonacii(5)); //第五个数
第五题:实现如下语法的功能：var a = (5).plus(3).minus(6); //2
答题思路:我一开始看到第一个(5),说是实话,真的懵了...怎么会有这么奇特的语法?只有函数调用的时候在会有f()啊!!
后来一想:(1+2)*4 ,(9/3)-1..()就很普通了,不就是一个expression么.
然后在控制台里输出:console.log((5));//返现结果和我预期一样.
于是,就开始琢磨add和minus两个函数.
既然(5)返回就是一个number类型,那我直接就在Number的prototype属性扩展这两个方法好了.(不是老有人老生常谈不要去修改系统的原型对象)
Number.prototype.add = function(num1){ return this + a; } Number.prototype.minus = function(num1){ return this - a; } console.log((5).add(3).minus(6));
其实解答这题的时候,还有另外一个思路
因为Number.prototype._ptoto_ : Object.prototype的,那我在Object.prototype元素上扩展add和minus不一样也可以吗?
这是我写的代码
Object.prototype.add = function(num1){ // // if(typeof this != "number"){ // throw new Error("必须是数字类型"); // } // if(parseInt(this) == NaN){ // throw new Error("必须是数字"); // } return parseInt(this) + num1; } Object.prototype.minus = function(num1){ // if(typeof this != "number"){ // throw new Error("必须是数字!"); // } // if(parseInt(this) == NaN){ // throw new Error("必须是数字"); // } return parseInt(this) - num1; } var result = (5).add(100).minus(5); console.log(result);
大家注意注释的地方.
第六题:实现如下语法的功能：var a = add(2)(3)(4);
答题思路,返回每次调用完毕之后,返回此函数本身.但做到的要求估计不是题目要求的那样.
因为题目的要求可能是add(2)(3)(4) 只返回一个结果.我是add(2)一次 add(2)(3)一次 add(2)(3)(4)一次.
var sum_array = []; var sum = 0; var add = function(a){ sum_array.push(a); if(sum_array.length==1){ console.log(a); return this.add; }else if(sum_array.length > 1){ for (var y = 0;y < sum_array.length;y++) { sum+=sum_array[y]; } } console.log(sum); return this.add; } add(1)(2)(3);
到这里,6道题算是马马虎虎的做出来了,肯定有错误的位置.但我会慢慢学习和思考,尽快的把javascript基础知识巩固起来.
ps:公司一同事,看我写这些代码,说你这是要转前台的节奏阿,闭包都懂..
然后我模拟了一个场景:
面试官:闭包,函数作用于,执行上下文你都懂,不错,明天来上班吧. 对了,你随便写一个模态弹出层吧.
我:...不会.....
汤姆大叔博客地址:http://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html