前端试题大综合练习（五）

1、下列描述中，错误的是？
SQL语言又称为结构化查询语言
java中”static”关键字表明一个成员变量或者是成员方法可以在没有所属的类的实例变量的情况下被访问
面向对象开发中，引用传递意味着传递的并不是实际的对象，而是对象的引用，因此，外部对引用对象所做的改变不会反映到所引用的对象上
java是强类型语言，javascript是弱类型语言
面向对象的三大特性包括：封装，继承，多态
答案：C
解：引用传递意味着传递的就是实际的对象，外部对引用对象所做的改变一定会反映到所引用的对象上。
2、[不定项选择题]
下列代码，页面打开后能够弹出alert(1)的是？
<iframe src=”javascript: alert(1)”></iframe>
<img src=”” οnerrοr=”alert(1)”/>
IE下<s style=”top:expression(alert(1))”></s>
<div οnclick=”alert(1)”></div>
答案：ABC
分析：
A 加载页面的时候触发； 
B onerror 事件，当图片不存在时,将触发；
C 在ie 7下会连续弹出，IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法，也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。
3、 关于javascript，以下选项描述错误的是
在原型上扩展的可枚举方法，会被for in循环出来
使用object.defineProperty可向对象添加或者修改属性
每个对象都有prototype属性，返回对象类型原型的引用
通过hasOwnProperty可判断一个对象以及其原型链上是否具有指定名称的属性
原型和原型链是JS实现继承的一种模型
For循环是按顺序的，for in 循环是不一定按顺序的
答案：C  只有函数对象才有prototype属性，普通对象只有__proto__属性
解：hasOwnProperty方法是用来检测给定的属性是否在当前对象的实例中。
4、如何获取下面表单select域的选择部分的文本？() 
<form name="a"> 
<select name="a" size="1" id=”obj”> 
<option value="a">1</option>
<option value="b">2</option>
<option value="c">3</option> 
</select> 
</form>
obj.options[obj.selectedIndex].text
obj.options[obj.selectedIndex].value
obj.value
obj.text
答案：A  
解：A获取到的是1或2或3
B获取到的是a或b或c
5、下面哪个不是RegExp对象的方法？（）
test
match
exec
compile
答案：B
解：match是支持正则表达式的String对象的方法
(1) test() 方法用来检测一个字符串是否匹配某个正则表达式，如果匹配成功，返回 true ，否则返回 false；
(2) exec() 方法用来检索字符串中与正则表达式匹配的值。exec() 方法返回一个数组，其中存放匹配的结果。如果未找到匹配的值，则返回 null；
（3）compile() 方法可以在脚本执行过程中编译正则表达式，也可以改变已有表达式
6、以下 javascript 代码，在浏览器中运行的结果是（）
var a=4399<0||typeof(4399+'');
console.log(a);
true
string
undefined
false
number
答案：B
解：短路或 如果第一项是true 则结果为true 如果第一项为false 结果 为第二项（第二项不做计算直接返回）
7、[不定项选择题]
在标准的 JavaScript 中， Ajax 异步执行调用基于下面哪一个机制才能实现？
Event和callback
多线程操作
多CPU核
Deferral和promise
答案：AD
8、移动浏览器中，触摸一下屏幕会依次触发哪些事件？
答案：touchstart,touchend
解：
touchstart：触摸开始的时候触发
touchmove：手指在屏幕上滑动的时候触发
touchend：触摸结束的时候触发
而每个触摸事件都包括了三个触摸列表，每个列表里包含了对应的一系列触摸点（用来实现多点触控）：
touches：当前位于屏幕上的所有手指的列表。
（当一个手指在触屏上时，event.touches.length=1；两个手指：event.touches.length=2，以此类推）
targetTouches：位于当前DOM元素上手指的列表。
    changedTouches：涉及当前事件手指的列表。
每个触摸点由包含了如下触摸信息（常用）：
    identifier：一个数值，唯一标识触摸会话（touch session）中的当前手指。一般为从0开始的流水号
    target：DOM元素，是动作所针对的目标。      
    pageX/pageY/clientX/clientY/screenX/screenY：一个数值，动作在屏幕上发生的位置（page包含滚动距离,client不包含滚动距离，screen则以屏幕为基准）。 
    radiusX/radiusY/rotationAngle：画出大约相当于手指形状的椭圆形，分别为椭圆形的两个半径和旋转角度。
9、如下两个普通对象
var a={
foo:1,
methodA:function(){
console.log(this.foo);
}
};
var b={
bar:2,
methodB:function(){
console.log(this.bar);
}
};
可以不考虑执行环境的兼容性，实现如下要求：
- 执行 a.methodA() 输出 1
- 执行 a.methodB() 输出 2
- 执行 b.bar=3; a,method() 输出 3
答案：
a.methodA();
a.__proto__=b; //对象原型用__proto__，函数原型用prototype
a.methodB();
b.bar=3;
a.methodB();
10、[不定项选择题]
下列函数哪些是JavaScript的全局函数？
encodeURI
parseFloat
setTimeout
eval
答案：ABD
11、下列代码结果是？
var x = new Boolean(false);
if (x) {
console.log('hi'); 
}
var y = Boolean(0);
if (y) {
console.log('hello');  
}
答案：hi
解：x是一个布尔对象[Boolean: false]，是真值；y是一个布尔值false;
12、以下代码执行的结果是：（）。
for(var i=0;i<5;++i){
setTimeout(function(){
   console.log(i+'');
},100);
}
答案：5 5 5 5 5
解：闭包只能取得包含函数中变量的最后一个值；即匿名函数不是立即执行，而是将其添加到队列中，100毫秒后for循环i的值早已变成了5；
要想输出0 1 2 3 4，方法一：将var换成let，因为let声明的变量具有块级作用域；方法二：将每个i的值作为参数传进去；即：
for(var i=0;i<5;++i){
(function(i){
setTimeout(function(){
   console.log(i+'');
},100);
})(i);
}
13、详细说明session和cookie，并指出二者的区别和适用方向。
答案：session是在服务器端保存数据，通过一个叫sessionID的，而这个sessionID却存在浏览器端；但可以保存大量数据而且安全，是作为一个数据库存在的。当访问增多，会比较占用你服务器的性能。
cookie是在客户端保存数据，有个数限制，20个左右，每个cookie也有大小限制，约为5k；安全性不高；一般用于用户登录时密码的验证或者购物网站中保存用户购物车的数据，通过get方式提交。
14、解析指定 url 地址，返回其中的 query 参数对象，可以不考虑执行环境的兼容性。 如： http://www.wacai.com/login?a=1&b=2&a=3&c
{
a:['1','3'],
b:'2',
c:''
}
答案：
function getQuery(url){
var queryArr=url.split('?')[1].split('&');
var obj={};
for(var i=0;i<queryArr.length;i++){
var temp=queryArr[i].split('=');
if (temp.length===1) {
obj[temp[0]]='';
}else{
if (!obj[temp[0]]) {
obj[temp[0]]=temp[1];
}else{
obj[temp[0]]=[obj[temp[0]]];
obj[temp[0]].push(temp[1]);
}
}
}
return obj;
}
15、请写出下面代码的执行结果：
console.log(1);
new Promise(function(resolve,reject){
reject(true);
window.setTimeout(function(){
resolve(false);
},0);
}).then(function(){
console.log(2);
},function(){
console.log(3);
});
console.log(4);
答案：1 4 3
解：new Promise()返回一个Promise，状态由'未完成'Pending变化到'失败'Rejected，随即调用then方法定义的reject函数，即第二个参数，打印出3
16、列举出 3 个 JS 中的基本数据类型 。
答案：JS的基本类型有：Null,Undefined,Number,String,Boolean,Sumbol;复杂类型有Object