JS搜狐面试题分析
本文实例讲述了几道JS搜狐面试题。分享给大家供大家参考，具体如下：
一、实现一个遍历数组或对象里所有成员的迭代器。
vareach=function(obj,fn){
//+++++++++++答题区域+++++++++++
//+++++++++++答题结束+++++++++++
};
try{
vardata1=[4,5,6,7,8,9,10,11,12];
vardata2={
"a":4,
"b":5,
"c":6
};
console.group(data1);
each(data1,function(o){
if(6==this)
returntrue;
elseif(8==this)
returnfalse;
console.log(o+":\""+this+"\"");
});
console.groupEnd();
/*------[执行结果]------
1:"4"
2:"5"
4:"7"
------------------*/
console.group(data2);
each(data2,function(v,n){
if(5==this)
returntrue;
console.log(n+":\""+v+"\"");
});
console.groupEnd();
/*------[执行结果]------
a:"4"
c:"6"
------------------*/
}catch(e){
console.error("执行出错，错误信息:"+e);
}
【思路分析】
1.首先判断传进来的是数组还是对象,用到instanceof,typeof和instanceof都可以用来判断js变量类型，用法区别
typeof(obj)//typeof会返回一个基本数据类型
objinstanceofArray//instanceof一般是用来验证一个对象是否属于某类
注：typeof遇到null，数组，对象都会返回object类型
vareach=function(obj,fn){
if(objinstanceofArray){
}
elseif(objinstanceofObject){
}
};
2.遍历数组和遍历对象的区别
遍历数组：
for(vari=0,j=array.length;i<j;i++){
alert(array[i]);
}
遍历对象：
for(vareindata){
alert(data[e]);
}
3.分析结果
each(data1,function(o){
if(6==this)
returntrue;//表示跳过并继续遍历
elseif(8==this)
returnfalse;//表示停止遍历
console.log(o+":\""+this+"\"");
});
如果直接for循环，那会输出数组所有元素，现在有个each函数，应该让他指向obj中的元素（即改变this指向，让this代表obj[i]）
fn.call(obj[i],i+1);//fn是each的第二个参数，让这个函数指向obj中的元素，第一个参数o，让让它传值i+1
仅仅这样会输出4,5,7,8,9,10,11,12，所以还需要限定让它等于8的时候跳出整个循环
if(objinstanceofArray){
for(vari=0,j=obj.length;i<j;i++){
vartemp=fn.call(obj[i],i+1);
if(temp===false){//===值和类型都要等，==只是值相同null==false
return;
}
}
}
同理，遍历对象
elseif(objinstanceofObject){
for(vareinobj){
fn.call(obj[e],obj[e],e);//第一个参数v(对象值)，第二个n(对象索引)
}
}
注：objinstanceofObject要在objinstanceofArray之后，因为数组属于对象，Object在前面的话，后面的判断就不执行了
二、实现一个叫Man的类，包含attr,words,say三个方法。
varMan;
//+++++++++++答题区域+++++++++++
//+++++++++++答题结束+++++++++++
try{
varme=Man({fullname:"小红"});
varshe=newMan({fullname:"小红"});
console.group();
console.info("我的名字是："+me.attr("fullname")+"\n我的性别是："+me.attr("gender"));
console.groupEnd();
/*------[执行结果]------
我的名字是：小红
我的性别是：<用户未输入>
------------------*/
me.attr("fullname","小明");
me.attr("gender","男");
me.fullname="废柴";
me.gender="人妖";
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);
}
思路分析：
1.先来一个构造函数
Man=function(info){
};
2.
varme=Man({fullname:"小红"});
varshe=newMan({fullname:"小红"});
更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。