JavaScript练习题、面试题

亦凉 2023-02-18 09:53 38阅读 0赞

### 一、单选题 ###

1.  不能进行强制类型转化的为  
    A parseInt  
    B parseFloat  
    C Number  
    D Math.floor  
    `正确答案: D`  
    `解析: Math.floor是向下取整`
2.  不属于同源策略限制条件的  
    A 端口  
    B 协议  
    C 域名  
    D 网址  
    `正确答案: D`  
    `解析：无`
3.  alert(username);  
    var username=“leson”;  
    结果为  
    A undefined  
    B leson  
    C null  
    D 报错  
    `正确答案: A`  
    `解析:变量提升，预解析`
4.  Jq中找到指定div元素id为user错误的  
    A $("\#user")  
    B $("\#"+“user”)  
    C $(“div\[id=user\]”)  
    D $(“div\[id==user\]”)  
    `正确答案: D`  
    `解析:元素获取`
5.  有代码 function Foo()\{\}; var foo = new Foo(); 下列表达式运算结果为true的选项为  
    A Foo.prototype == Foo.**proto**；  
    B foo.prototype == Foo.**proto**；  
    C foo.**proto** == Foo.prototype；  
    D foo.**proto** == Foo.**proto**；  
    `正确答案: C`  
    `解析:foo.__proto__ == Foo.prototype实例的 __proto__属性指向的是 构造函数的prototype`
6.  jquery对象转换成原生DOM对象的方法是  
    A index()  
    B get()  
    C eq()  
    D find()  
    `正确答案: B`  
    `解析:$('div').get(0)获取原生dom元素`
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. 以下不是闭包特点的是  
    A 函数嵌套函数  
    B 函数内部可以引用外部的参数和变量  
    C 参数和变量不会被垃圾回收机制回收  
    D 返回的函数可以不用存储在外部变量中  
    `正确答案: D`  
    `解析:返回的函数必须存储在外部变量中`
11. 函数的length属性是  
    A 函数的行数  
    B 函数的参数个数  
    C 函数的返回个数  
    D 永远是0  
    `正确答案: B`  
    `解析:函数的length是参数的个数`
12. arguments对象是  
    A 函数中的参数  
    B 函数中参数的数组  
    C 函数中含有参数的伪数组对象  
    D 空  
    `正确答案: C`  
    `解析:参数数组`
13. JS中，下面哪个不是创建函数的方式  
    A 声明函数  
    B 函数表达式  
    C Function构造函数  
    D class函数  
    `正确答案: D`  
    `解析:无`
14. 下面一段代码，请问，输出结果是 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`  
    `解析:延时器和循环是异步，同时执行 延时器把循环两次的值全部存了起来 循环结束 取到两个3，此处如果是用let声明变量 此处应选A选项`
15. 在ES6（2015）中，哪个是原先没有的名词  
    A 函数  
    B 类  
    C 递归  
    D 过程  
    `正确答案: B`  
    `解析:无`
16. jQuery中的delay方法的作用是  
    A 停止动画执行  
    B 暂停动画执行  
    C 延迟动画执行  
    D 开始动画执行  
    `正确答案: C`  
    `解析:识记题`
17. jQuery哪个方法可以清空对象内所有的子元素  
    A remove()  
    B removeAll()  
    C deleteAll()  
    D empty()  
    `正确答案: D`  
    `解析:remove()将自身及子元素移除empty()清空所有子元素，包括文本节点`
18. 什么是闭包  
    A 闭包是指有权访问另一个函数作用域中的变量的函数  
    B 闭包是指有权访问任意函数作用域中的变量的函数  
    C 闭包是指有权访问全局个函数作用域中的变量的函数  
    D 闭包是指有权访问局部个函数作用域中的变量的函数  
    `正确答案: A`  
    `解析:概念题`
19. 原型的概念  
    A 每声明一个function，都有prototype原型，prototype原型是函数的一个默认属性，在函数的创建过程中由js编译器自动添加  
    B 每声明一个对象，都有prototype原型，prototype原型是函数的一个默认属性，在函数的创建过程中由js编译器自动添加  
    C 每声明一个function，都有\_\_proto\_\_\_原型，prototype原型是函数的一个默认属性，在函数的创建过程中由js编译器自动添加  
    D 每声明一个function，都没有prototype原型，prototype原型是函数的一个默认属性，在函数的创建过程中由js编译器自动添加  
    `正确答案: A`  
    `解析:原理题，每一个函数都有一个原型对象prototype`
20. 混合继承是  
    A 混合了构造函数继承和原型链继承  
    B 其它都不对  
    C 混合了es6继承和原型链继承  
    D 混合了构造函数继承和es6继承  
    `正确答案: A`  
    `解析:概念题`
21. `$`(document).ready()和window.onload 有什么区别  
    A window.onload方法是在网页中所有的元素完全加载到浏览器后才执行，`$`(document).ready() 可以在DOM载入就绪是就对其进行操纵  
    B 没有区别  
    C `$`(document).ready()方法是在网页中所有的元素完全加载到浏览器后才执行，$(document).ready() 可以在DOM载入就绪是就对其进行操纵  
    D 两者作用不一样  
    `正确答案: A`  
    `解析:onload包含文档和资源加载完毕ready指文档加载完毕`  
    jq中发起添加类名的方法是  
    A ajax  
    B addClass  
    C getClass  
    D setClass  
    `正确答案: B`  
    `解析:识记题`
22. jq中实现动画的方法是  
    A $.animate  
    B $().animate  
    C animate  
    D $.startMove  
    `正确答案: B`  
    `解析:animate()是jQuery实例方法，调用示例：`  
    $`("div").animate();`
23. es6继承的语法  
    A class  
    B class extends  
    C class.prototype  
    D class extend  
    `正确答案: B`  
    `解析:语法题 例如 class A extends B{}`
24. 在用浏览器查看网页时出现404错误可能的原因是 （ ） 代表网页不存在没有找到文件  
    A 页面源代码错误  
    B 文件不存在  
    C 与数据库连接错误  
    D 权限不足  
    `正确答案: B`  
    `解析:无`
25. 同步和异步执行分别表示什么含义（）  
    A 按顺序依次执行和同时分开执行  
    B 同时分开执行和按顺序依次执行  
    C 按一致的速度执行和按不同的速度执行  
    D 按相同的步骤执行和按不同的步骤执行  
    `正确答案: A`  
    `解析:生活中的同步和代码中的不一样`
26. HTTP协议的默认端口号是多少？（ ）  
    A 8080  
    B 8888  
    C 80  
    D 3306  
    `正确答案: C`  
    `解析:无`
27. function People(name, age) \{ this.name = “xixi”, this.age = 18 return \{\} \} var obj = new People(); People 函数被new调用之后的返回值（obj）是?  
    A \{\}  
    B \{name: “xixi” age: 18\}  
    C 报错  
    D 函数体本身  
    `正确答案: A`  
    `解析:return 对象比实例返回优先级更高`
28. 以下运行的结果是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.  面关于构造函数的优点，描述正确的有哪些?  
    A 构造函数可以通过new关键字创建对象，对象的创建比较规范  
    B 构造函数只能创建一个对象  
    C 可以解决多个同类对象创建时，代码重复的问题  
    D 构造函数创建的对象，创建出的对象是相等关系  
    `正确答案: A,C`  
    `解析:无`
2.  下面哪些关键字不可以实现删除实例属性?  
    A delete  
    B has  
    C instanceof  
    D add  
    `正确答案: B,C,D`
3.  以下说法正确的是?  
    A 类是对象的抽象化  
    B 对象是类的具象化  
    C 对象是类的实例化  
    D 对象就是类  
    `正确答案: A,B,C`  
    `解析:在js中，类是构造函数`
4.  以下哪些是设计模式?  
    A 单例模式  
    B 观察者模式  
    C 工厂模式  
    D 原型模式  
    `正确答案: A,B,C,D`  
    `解析:无`
5.  对象设置属性和属性值的方法正确的是?  
    A obj.name=3  
    B obj\[“name”\]=3  
    C obj\{name\} = 3  
    D Obj->name=3;  
    `正确答案: A,B`  
    `解析:无`
6.  jquery中获取对象的方式正确的是?  
    A $()  
    B jQuery()  
    C jquery()  
    D $jQuery()  
    `正确答案: A,B`
7.  获取`<div id="content">`内容`</div>`标签里的文本内容  
    A $("\#content").val();  
    B $("\#content").html();  
    C $("\#content").text();  
    D $("\#content").innerHTML();  
    `正确答案: B,C`  
    `解析:`  
    `val()获取表单元素`  
    `value值的html()获取元素内容的，包含html结构`  
    `text()获取元素文本内容的`  
    `innerHTML是原生DOM对象的属性，无此方法`
8.  关于prototype原型和原型链说法正确的是  
    A Javascript的继承机制基于原型，而不是Class类  
    B 凡是通过 new Function() 创建的对象都是函数对象，其他的都是普通对象  
    C 普通对象没有prototype,但有\_\_proto\_\_属性  
    D prototype属性(对象)会默认获得一个constructor(构造函数)属性，这个属性是一个指向prototype属性所在函数的指针  
    `正确答案: A,B,C,D`  
    `解析:概念题 ABCD均对`
9.  闭包的特点  
    A 函数嵌套函数  
    B 函数内部可以引用外部的参数和变量  
    C 函数内部只能引用内部的参数和变量  
    D 函数必须有返回值  
    `正确答案: A,B,C,D`  
    `解析:jquery最大的特点在查询，并封装了大量的方法进行DOM操作，事件处理及ajax请求等`
10. 下面是设计模式的是  
    A 单例模式  
    B 观察者模式  
    C 测试模式  
    D 视图模式  
    `正确答案: A,B`  
    `解析:单例模式和观察者模式，是常见的设计模式`
11. jq选择器有哪些?  
    A 类  
    B id  
    C 标签  
    D 以上都可以  
    `正确答案: A,B,C,D`  
    `解析:css中的选择器都可以在jq中使用`
12. 在php中，下列哪些是输出(打印)函数。（ ）  
    A print  
    B echo  
    C print\_r  
    D write  
    `正确答案: A,B,C`  
    `解析:无`
13. 前后端开发过程中，解决跨域的方法有那些。（ ）  
    A 后端代理  
    B jsonp  
    C xhr2  
    D ajax  
    `正确答案: A,B,C`  
    `解析:无`
14. jquery绑定事件的方法有  
    A one  
    B bind  
    C addEvent  
    D on  
    `正确答案: A,B,D`  
    `解析:addEvent不是一个事件`
15. 关于jQuery的优点说法正确的是  
    A 最少的代码做多的事情  
    B 性能支持比较好  
    C 节约学习成本  
    D 让DOM操作变的简单  
    `正确答案: A,B,C,D`  
    `解析:无`
16. 下面是jquery方法的是  
    A $(".box").attr()  
    B $(".box").css()  
    C $(".box").remove()  
    D $(".box").html()  
    `正确答案: A,B,C,D`  
    `解析:无`
17. Jq中关于dom 增删改的操作有  
    A append  
    B appendTo  
    C remove  
    D detach  
    `正确答案: A,B,C,D`  
    `解析:几个都是dom操作的方法`
18. jq中关于操作元素节点class属性的操作有  
    A addClass  
    B removeClass  
    C attr(“class”, “box”)  
    D setClass  
    正确答案: A,B,C  
    `解析:A是添加类名`  
    `B是删除类名`  
    `C是切换类名`
19. 执行这个程序后打印的结果forEach=function (arr,fn) \{ for(var i=0,l=arr.length;i<l;i++)\{ var c=arr\[i\]; if(fn.call(c,i,c)===false)\{ return false; \} \} \}; function box1(index,num) \{ console.log(index,num); \} var arr=\[10,9,8,7,6,5,4\]; forEach(arr,box1)  
    A 0 10  
    B 3 7  
    C 2 4  
    D 5 5  
    `正确答案: A,B,D`  
    `解析:无`