jQuery前端面试题+笔试题+练习题（1）

1.不属于同源策略限制条件的
A 端口
B 协议
C 域名
D 网址
正确答案: D

2.不属于常见23种设计模式
A 单例
B MVC
C 观察者
D 策略
正确答案: B

3.对于js闭包的理解，以下说法错误的是
A 一个闭包就是当一个函数返回时，一个没有释放资源的栈区
B 闭包能够访问一个函数中的局部变量
C 闭包使用不当会造成内存泄露
D 闭包需定义在匿名函数里
正确答案: D
解析:闭包是函数中的函数，不一定非得在匿名函数中

4.以下哪个关键字可以实现类的继承
A inherit
B extends
C public
D interface
正确答案: B
解析:
extends es6中的继承

5.关于原型对象以下说法错误的是
A 每一个函数都有一个原型对象
B 每一个构造函数都有一个原型对象
C 原型对象上的属性和方法能被实例访问
D 原型对象上的属性和方法能被子类（代码里）访问
正确答案: D
解析:
原型对象上的属性和方法能被实例访问

6.有代码 function Foo(){ this.name=“test1”; function bar(){ this.name=“test2” }; bar(); } Foo.name = “test3”; var foo = new Foo(); 问foo.name的值为
A test1
B test2
C test3
D undefined
正确答案: A
解析:
var foo = new Foo()
foo是是Foo的实例，所有foo.name 打印结果就是test1

7.有代码 var name = ‘global’; var obj = { name : ‘obj’, dose : function(){ this.name = ‘dose’; return function(){ return this.name; } } } console.log(obj.dose().call(this)); 问在控制台打印的结果为
A global
B obj
C dose
D undefined
正确答案: A
解析:
obj.dose().call(this)
obj.dose()返回的是函数function(){ return this.name; }
call(this)是调用了函数function(){ return this.name; } 并且使用window改变了函数中的this，所有this.name就是window.name

8.关于jquery插件，描述错误的是
A 使用jquery插件可以提高开发效率
B jquery插件可以通过jquery对象调用
C jquery插件无法实现链式调用
D jquery插件一般都需要考虑参数设置问题
正确答案: C
解析:
只要返回值是jq中的对象，就可以链式调用

9.下面程序返回的值是 var obj={ _instance:null, createDiv:function () { if(!this._instance){ this._instance=document.createElement(“div”); } return this._instance; } }; var div1=obj.createDiv(); var div2=obj.createDiv(); console.log(div1===div2);
A true
B false
C 报错
正确答案: A
解析:
这是一个单例的使用

10.以下程序最后计算的结果是 function fun1(){ var sum=1; return function(){ sum++; return sum; } } var fun2=fun1(); console.log(fun2()); console.log(fun2());
A 1,1
B 1,2
C 2,3
D 2,2
正确答案: C
解析:
这是闭包的使用

11.下列输出结果正确的是 var a = 0; var obj = { fn : function(a){ a = 2; a --; } } obj.fn(a); alert(a);
A 0
B 1
C 2
D 报错
正确答案: A

12.下列箭头函数书写正确的是
A 0–{}
B a,b => {}
C _ =>
D caller
正确答案: C

13.关于this的几种表述错误的是
A this所在函数是事件处理函数，this是事件源
B this所在函数没有明确额的隶属对象，那么this是window对象
C Let a = 123; 那么this.a中的this表示window对象
D this所在函数是构造函数时，this是new出来的对象
正确答案: C

14.在构造函数中，可以在一个属性后添加方法，该属性为
A _prototype_
B prototype
C proto
D __prototype__
正确答案: B

15.下面一段代码，请问，输出结果是 for (var i = 1; i < 3; i++) { setTimeout( function timer() { console.log(i); }, 1000 ); }
A 1 2
B 1 2 3
C 3 3
D 3 3 3
正确答案: C

16.在ES6（2015）中，哪个是原先没有的名词
A 函数
B 类
C 递归
D 过程
正确答案: B

17.面向对象，你需要经过哪几步，说法错误的是
A OOA 面向对象分析
B OOD 面向对象设计
C OOC 面向对象获取
D OOP 面向对象编程
正确答案: C

18.jQuery中可以使用哪个可以实现事件委托的绑定
A add
B on
C bind
D click
正确答案: B

19.下面哪种不是jquery的选择器
A 基本选择器
B 后代选择器
C 类选择器
D 进一步选择器
正确答案: D

20.jQuery中的delay方法的作用是
A 停止动画执行
B 暂停动画执行
C 延迟动画执行
D 开始动画执行
正确答案: C

21.关于call和apply的说法，错误的是
A call的第一个参数和apply的第一个参数一样
B call的第二个参数到最后一个参数是函数本身的参数
C 关于第二个参数，call可以写arguments，而apply则不可以
D call和apply的功能是一样的，唯一的区别是格式上的区别
正确答案: C
解析:
call的参数为参数列表，apply的参数为数组，可以用arguments表示

22.构造函数继承的原理是
A 改变构造函数的this
B 调用父类构造函数，并改变其中的this
C 调用本类构造函数，并改变其中的this
D 调用父类构造函数
正确答案: B
解析:
使用call或apply改变父类构造函数的this指向，并让其代码执行

23.混合继承是
A 混合了构造函数继承和原型链继承
B 其它都不对
C 混合了es6继承和原型链继承
D 混合了构造函数继承和es6继承
正确答案: A

24.jQuery的美元符号$有什么作用A美元符号$只是jQuery的别名
B jQuery只是$的别名C美元符号$，没有用
D 美元符号$和jQuery都能使用，但是作用不一样
正确答案: A
解析:
$是jQuery的别名，为了使用方便

25.jq中发起添加类名的方法是
A ajax
B addClass
C getClass
D setClass
正确答案: B

26.php定义变量正确的是
A var a = 5;
B $a = 10;
C int b = 6
D var $a = 12;
正确答案: B

27.在用浏览器查看网页时出现404错误可能的原因是 （ ） 代表网页不存在没有找到文件
A 页面源代码错误
B 文件不存在
C 与数据库连接错误
D 权限不足
正确答案: B

8.XMLHttpRequest 对象的 readyState 属性值为（ ）时，代表请求成功数据接收完毕
A 1
B 2
C 3
D 4
正确答案: D
解析:
为4代表请求完成

29.下面函数运行的结果是 function fn6(fn) { return fn(3,5); } function fn7(a,b) { return a+b; } function fn8(a,b) { return a*b; } var s=fn6(fn7); var s1=fn6(fn8); console.log(s,s1);
A 3,5
B 5,3
C 8,15
D 15,8
正确答案: C
解析:
这是一个回调函数的使用

30.以下运行的结果是false的是 function Box(){this.name=‘zhang’;} function Desk(){this.age=100;} function Table(){this.lever=1000} Desk.prototype=new Box();//通过原型链继承 var desk=new Desk(); var table=new Table();
A alert(table instanceof Object)
B alert(desk instanceof Box);
C alert(Desk instanceof Box);
D alert(desk instanceof Desk );
正确答案: C
解析:
A. 一切事物皆对象
B. Dest 继承了 Box， 所以正确
C. Desk 是 Function的实例，和Box无关
D. desk 是 Desk 的实例

1.js创建对象的方式有下面哪几种
A 可以通过json方式创建对象
B 可以通过new 关键字创建对象
C 可以通过函数调用方式创建对象
D 对象不可以通过函数的调用方式创建
正确答案: A,B,C

2.关于apply和call继承描述正确的是
A call方法的第二个参数不固定
B call方法的第二个参数只能有一个
C apply方法的第二个参数是一个数组
D apply方法的第二个参数不固定
正确答案: A,C

3.下面哪些关键字不可以实现删除实例属性
A delete
B has
C instanceof
D add
正确答案: B,C,D

4.关于call，apply，bind方法，下列说法正确的是
A 三者都可以用于继承
B 三者都可以改变this指向
C 三者参数传递一样
D 三者调用方式一样
正确答案: A,B
解析:
三者都可以改变this，所有都可以是 实现继承（构造函数继承的原理是改变函数的this）

5.svn在进行版本管理时，可以实现的功能有
A 更新至某个指定的版本
B 对某个文件进行锁定
C 创建多个分支
D 对某个文件解除版本控制
正确答案: A,B,C,D
解析:
四个选项都是svn可以实现的

6.jquery中移除jquery对象的方法有
A remove
B detach
C empty
D clear
正确答案: A,B,C
解析:
前三个都可以，clear不行

7.以下说法正确的是
A 类是对象的抽象化
B 对象是类的具象化
C 对象是类的实例化
D 对象就是类
正确答案: A,B,C
解析:
在js中，类是构造函数

8.以下哪些是设计模式
A 单例模式
B 观察者模式
C 工厂模式
D 原型模式
正确答案: A,B,C,D

9.jquery中获取对象的方式正确的是
A $()
B jQuery()
C jquery()
D $jQuery()
正确答案: A,B

10.案例代码如下：

大字体

小字体

请选取文本是"大字体"的div对象
A $(“div.big”);
B $(“div .big”)
C $(“div:contains(‘大字体’)”);
D $(“form > div.big”);
正确答案: A,C,D
解析:
此题考察不同选择器的用法
B选项是选取div里具有big类名（后代）的jquery对象集合

11.关于prototype原型和原型链说法正确的是
A Javascript的继承机制基于原型，而不是Class类
B 凡是通过 new Function() 创建的对象都是函数对象，其他的都是普通对象
C 普通对象没有prototype,但有__proto__属性
D prototype属性(对象)会默认获得一个constructor(构造函数)属性，这个属性是一个指向prototype属性所在函数的指针
正确答案: A,B,C,D

12.为什么要使用jQuery？jquery有哪些好处
A 它有强大的选择器，出色的DOM操作的封装
B 出色的浏览器的兼容性
C 完善的ajax
D 有可靠的事件处理机制
正确答案: A,B,C,D
解析:jquery最大的特点在查询，并封装了大量的方法进行DOM操作，事件处理及ajax请求等

13.jq选择器有哪些
A 类
B id
C 标签
D 以上都可以
正确答案: A,B,C,D
解析:css中的选择器都可以在jq中使用

14.下面哪些是mysql的常用数据类型（ ）
A varchar
B int
C float
D text
正确答案: A,B,C,D

15.SQL语言的数据操作语句包括下列哪些（ ）
A SELECT
B INSERT
C UPDATE
D DELETE
正确答案: A,B,C,D
解析:分别为查询，插入，更新，删除

16.下面是jquery方法的是
A $(".box").attr()
B $(".box").css()
C $(".box").remove()
D $(".box").html()
正确答案: A,B,C,D

17.jq中关于操作元素节点class属性的操作有
A addClass
B removeClass
C attr(“class”, “box”)
D setClass
正确答案: A,B,C
解析:
A是添加类名
B是删除类名
C是切换类名

18.Ajax的请求方式有哪些。（ ）
A post
B get
C method
D putx
正确答案: A,B

19.执行这个程序后打印的结果forEach=function (arr,fn) { for(var i=0,l=arr.length;i A 0 10
B 3 7
C 2 4
D5 5
正确答案: A,B,D

20.jq中法可以发起ajax请求的方法有
A $.ajax
B $.get
C $.post
D $().load
正确答案: A,B,C,D
解析:识记题 $.ajax()jquery的底层封装 $.get() 封装get请求 $.getJSON()可以做跨域请求