前端基础培训随堂测试题6.docx

__________

获取当前浏览器屏幕的宽度和高度（兼容所有的浏览器）：

_______________获取上一个哥哥元素节点（兼容所有的浏览器）:

________________

动态创建一个div标签，并且添加到body的最后面位置：

_______________继续上一题，把刚才创建的克隆一份一模一样的，添加到刚才创建的div前面：

______________

三、数组的基础知识和应用

我想删除数组中的最后一项，至少写出两种办法：

_____________________我想在数组的末尾增加一个元素，至少写出两种办法：

__________________

基于原来的数组复制一份一模一样新的数组，不考虑原有数组是否改变的情况，请写出至少三种方案：

_____________________

数组从小到大排序（可以处理10以上的数字）：

______________________实现找到第n项到第m项的内容，返回一个新的数组（原有数组不变）：

______________

四、写出下面表达式的运算结果

[]==false：

____________!

[]==false：

____________[]==!

[]：

______________Number（“13px”）==NaN：

___________5+”3”-2：

___________________

If（“3px”*3）{alert（“true”）}else{alert（“false”）}：

____________If（“3px”+3）{alert（“true”）}else{alert（“false”）}：

___________

If（document.body）{alert（“ok”）;}else{alert（“no”）}：

_______________alert（[]）：

______________null==undefined：

________________

5、

varary=[“red”,”yellow”,”pink”,”green”,”blue”];

以上是页面中的5个按钮，和一个存储五个颜色值的数组，要求实现一个方法bindEvent，循环给5个按钮绑定点击事件，当点击的时候，整个body的背景颜色正好可以和数组中的指定项颜色对应（例如：

点击第三个按钮，body的背景颜色”pink”），请按照你的思路来实现?

六、画图分析

varary=[1,2,3,4];

functionfn（ary）{

ary[0]=0;ary=[0];ary[0]=100;returnary;

}

varres=fn（ary）;console.log（ary）;console.log（res）;//此题偏难，认真思考（360面试题难度降低版本代码）

二、选择题：

（要求写出分析步骤/画图）

1、console.log（a）;

vara=12;

functionfn（）{

console.log（a）;

vara=13;

}

fn（）;

console.log（a）;

输出的三次分别是多少

A、undefined1213B、undefinedundefined12

C、undefinedundefined13D、有程序报错

2、console.log（a）;

vara=12;

functionfn（）{

console.log（a）;

a=13;

}

fn（）;

console.log（a）;

A、undefined1213B、undefinedundefined12

C、undefinedundefined13D、有程序报错

3、console.log（a）;

a=12;

functionfn（）{

console.log（a）;

a=13;

}

fn（）;

console.log（a）;输出的三次分别是多少

A、undefined1213B、undefinedundefined12

C、undefinedundefined13D、有程序报错

4、varfoo=1;

functionbar（）{

if（!

foo）{

varfoo=10;

}

console.log（foo）;

}

bar（）;输出的结果是多少

A、1B、10C、undefinedD、报错

5、varn=0;

functiona（）{

varn=10;

functionb（）{

n++;

alert（n）;

}

b（）;

returnb;

}

varc=a（）;

c（）;

alert（n）;

弹出三次的结果分别是什么？

A、111B、11110C、11120D、111212

6、vara=10,b=11,c=12;

functiontest（a）{

a=1;varb=2;c=3;

}

test（10）;

alert（a）;alert（b）;alert（c）;弹出的三个值分别是多少？

A、1113B、101112C、123D、10113

7、if（!

（"a"inwindow））{

vara=1;

}

alert（a）;

弹出的a的值是？

A、1B、undefinedC、报错D、以上答案都不对

8、vara=4;

functionb（x,y,a）{

alert（a）;

arguments[2]=10;

alert（a）;

}

a=b（1,2,3）;alert（a）;三次弹出的结果是

A、334B、3104C、31010D、310undefined

9、varfoo='hello';

（function（foo）{

console.log（foo）;

varfoo=foo||'world';

console.log（foo）;

}）（foo）;

console.log（foo）;三次分别输出什么？

A、hellohellohelloB、undefinedworldhelloC、helloworldworldD、以上答案都不正确

10、vara=9;

functionfn（）{

a=0;

returnfunction（b）{returnb+a++;}

}

varf=fn（）

varm=f（5）;alert（m）;

varn=fn（）（5）;alert（n）;

varx=f（5）;alert（x）;

alert（a）;弹出的四次结果？

A、6672B、5673C、5563D、以上答案都不正确

三、思考题：

1、document.parentNode的值是什么，为什么

2、document.parentnode的值是什么，为什么。

3、prototype是谁的属性，它起什么作用？

__proto__是谁的属性，它有什么作用？

prototype和__proto__有什么联系？

4、hasOwnProperty和in都是用来判断对象的属性的，这两个是怎么用的，有什么区别？

5、什么是闭包，它有什么作用？

4、附加题画图/分析步骤

1、

functionfn（i）{

returnfunction（n）{

console.log（n+（i++））;

}

}

varf=fn（10）;

f（20）;

fn（20）（40）;

fn（30）（50）;

f（30）;

2、

vari=10;

functionfn（）{

returnfunction（n）{

console.log（n+（++i））;

}

}

varf=fn（）;

f（20）;

fn（）（20）;

fn（）（30）;

f（30）;

3、

varnum=10;

varobj={num:

20};

obj.fn=（function（num）{

this.num=num*3;

num++;

returnfunction（n）{

this.num+=n;

num++;

console.log（num）;

}

}）（obj.num）;

varfn=obj.fn;

fn（5）;

obj.fn（10）;

console.log（num,obj.num）;

4、

functionFn（）{

this.x=100;

this.y=200;

this.getX=function（）{

console.log（this.x）;

}

}

Fn.prototype.getX=function（）{

console.log（this.x）;

};

Fn.prototype.getY=function（）{

console.log（this.y）;

};

varf1=newFn;

varf2=newFn;

console.log（f1.getX===f2.getX）;

console.log（f1.getY===f2.getY）;

console.log（f1.__proto__.getY===Fn.prototype.getY）;

console.log（f1.__proto__.getX===f2.getX）;

console.log（f1.getX===Fn.prototype.getX）;

console.log（f1.constructor）;

console.log（Fn.prototype.__proto__.constructor）;

f1.getX（）;

f1.__proto__.getX（）;

f2.getY（）;

Fn.prototype.getY（）;

5、我想通过下面的代码实现选项卡，请问是否可以实现？

不能的话，说明原因，那么你有几种办法可以解决?

（面试必考题）