博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript面试题大全
阅读量:5071 次
发布时间:2019-06-12

本文共 6478 字,大约阅读时间需要 21 分钟。

1、JavaScript原型,原型链 ? 有什么特点?

2、eval是做什么的?

它的功能是把对应的字符串解析成JS代码并运行; 应该避免使用eval,不安全,非常耗性能(2次,一次解析成js语句,一次执行)。

3、null,undefined 的区别?

4、写一个通用的事件侦听器函数。

 

1      // event(事件)工具集,来源:github.com/markyun 2         markyun.Event = { 3             // 页面加载完成后 4             readyEvent : function(fn) { 5                 if (fn==null) { 6                     fn=document; 7                 } 8                 var oldonload = window.onload; 9                 if (typeof window.onload != 'function') {10                     window.onload = fn;11                 } else {12                     window.onload = function() {13                         oldonload();14                         fn();15                     };16                 }17             },18             // 视能力分别使用dom0||dom2||IE方式 来绑定事件19             // 参数: 操作的元素,事件名称 ,事件处理程序20             addEvent : function(element, type, handler) {21                 if (element.addEventListener) {22                     //事件类型、需要执行的函数、是否捕捉23                     element.addEventListener(type, handler, false);24                 } else if (element.attachEvent) {25                     element.attachEvent('on' + type, function() {26                         handler.call(element);27                     });28                 } else {29                     element['on' + type] = handler;30                 }31             },32             // 移除事件33             removeEvent : function(element, type, handler) {34                 if (element.removeEnentListener) {35                     element.removeEnentListener(type, handler, false);36                 } else if (element.datachEvent) {37                     element.detachEvent('on' + type, handler);38                 } else {39                     element['on' + type] = null;40                 }41             }, 42             // 阻止事件 (主要是事件冒泡,因为IE不支持事件捕获)43             stopPropagation : function(ev) {44                 if (ev.stopPropagation) {45                     ev.stopPropagation();46                 } else {47                     ev.cancelBubble = true;48                 }49             },50             // 取消事件的默认行为51             preventDefault : function(event) {52                 if (event.preventDefault) {53                     event.preventDefault();54                 } else {55                     event.returnValue = false;56                 }57             },58             // 获取事件目标59             getTarget : function(event) {60                 return event.target || event.srcElement;61             },62             // 获取event对象的引用,取到事件的所有信息,确保随时能使用event;63             getEvent : function(e) {64                 var ev = e || window.event;65                 if (!ev) {66                     var c = this.getEvent.caller;67                     while (c) {68                         ev = c.arguments[0];69                         if (ev && Event == ev.constructor) {70                             break;71                         }72                         c = c.caller;73                     }74                 }75                 return ev;76             }77         }; 78 ```

 

 

 

 5、Node.js的适用场景?

高并发、聊天、实时消息推送

6、介绍js的基本数据类型。

number,string,boolean,object,undefined

7、Javascript如何实现继承?

通过原型和构造器

8、["1", "2", "3"].map(parseInt) 答案是多少?

[1, NaN, NaN] 因为 parseInt 需要两个参数 (val, radix) 但 map 传了 3 个 (element, index, array)

9、如何创建一个对象? (画出此对象的内存图)

 

function Person(name, age) { this.name = name; this.age = age; this.sing = function() { alert(this.name) } }

 

10、谈谈This对象的理解。

this是js的一个关键字,随着函数使用场合不同,this的值会发生变化。 但是有一个总原则,那就是this指的是调用函数的那个对象。

this一般情况下:是全局对象Global。 作为方法调用,那么this就是指这个对象

11、事件、IE与火狐的事件机制有什么区别? 如何阻止冒泡?

 

  1. 我们在网页中的某个操作(有的操作对应多个事件)。例如:当我们点击一个按钮就会产生一个事件。是可以被 JavaScript 侦测到的行为。
  2. 事件处理机制:IE是事件冒泡、火狐是 事件捕获;
  3. ev.stopPropagation();

 

12、什么是闭包(closure),为什么要用它?

执行say667()后,say667()闭包内部变量会存在,而闭包内部函数的内部变量不会存在.使得Javascript的垃圾回收机制GC不会收回say667()所占用的资源,

因为say667()的内部函数的执行需要依赖say667()中的变量。这是对闭包作用的非常直白的描述.

1 function say667() { 2   // Local variable that ends up within closure 3     var num = 666; 4     var sayAlert = function() { alert(num); } 5     num++; 6     return sayAlert; 7 } 8  9 var sayAlert = say667();10 sayAlert()//执行结果应该弹出的667

 

13、"use strict";是什么意思 ? 使用它的好处和坏处分别是什么?

14、如何判断一个对象是否属于某个类?

15、new操作符具体干了什么呢?

 

  1. 创建一个空对象,并且 this 变量引用该对象,同时还继承了该函数的原型。
  2. 属性和方法被加入到 this 引用的对象中。
  3. 新创建的对象由 this 所引用,并且最后隐式的返回 this 。

  1 var obj = {};

2 obj.__proto__ = Base.prototype;

3 Base.call(obj);  

16、Javascript中,有一个函数,执行时对象查找时,永远不会去查找原型,这个函数是?

hasOwnProperty

17、JSON 的了解?

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 它是基于JavaScript的一个子集。数据格式简单, 易于读写, 占用带宽小

18、js延迟加载的方式有哪些?

defer和async、动态创建DOM方式(用得最多)、按需异步载入js

19、ajax 是什么?

20、同步和异步的区别?

21、如何解决跨域问题?

jsonp、 iframe、window.name、window.postMessage、服务器上设置代理页面

22、模块化怎么做?

,不暴露私有成员

1 var module1 = (function(){ 2     var _count = 0; 3     var m1 = function(){ 4       //... 5     }; 6     var m2 = function(){ 7       //... 8     }; 9     return {10       m1 : m1,11       m2 : m212     };13 })();

 

23、AMD(Modules/Asynchronous-Definition)、CMD(Common Module Definition)规范区别?

24、异步加载的方式有哪些?

 

  1. defer,只支持IE

  2. async:

  3. 创建script,插入到DOM中,加载完毕后callBack

 

25、.call() 和 .apply() 的区别?

 

例子中用 add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4);

 

注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。

1 function add(a,b) 2 { 3     alert(a+b); 4 } 5  6 function sub(a,b) 7 { 8     alert(a-b); 9 }10 11 add.call(sub,3,1);

 

 

26、Jquery与jQuery UI 有啥区别?

 

  • jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。

  • jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。 提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等

 

27、JQuery的源码看过吗?能不能简单说一下它的实现原理?

 

28、jquery 中如何将数组转化为json字符串,然后再转化回来?

jQuery中没有提供这个功能,所以你需要先编写两个jQuery的扩展:

1 $.fn.stringifyArray = function(array) {2     return JSON.stringify(array)3 }4 5 $.fn.parseArray = function(array) {6     return JSON.parse(array)7 }

然后调用:

 1 $("").stringifyArray(array) 

29、针对 jQuery 的优化方法?

 

  • 基于Class的选择性的性能相对于Id选择器开销很大,因为需遍历所有DOM元素。

  • 频繁操作的DOM,先缓存起来再操作。用Jquery的链式调用更好。 比如:var str=$("a").attr("href");

    *for (var i = size; i < arr.length; i++) {}     for 循环每一次循环都查找了数组 (arr) 的.length 属性,在开始循环的时候设置一个变量来存储这个数字,可以让循环跑得更快:      for (var i = size, length = arr.length; i < length; i++) {}

 

30、JavaScript中的作用域与变量声明提升?

31、如何编写高性能的Javascript?

32、那些操作会造成内存泄漏?

 

内存泄漏指任何对象在您不再拥有或需要它之后仍然存在。 垃圾回收器定期扫描对象,并计算引用了每个对象的其他对象的数量。

如果一个对象的引用数量为 0(没有其他对象引用过该对象),或对该对象的惟一引用是循环的,那么该对象的内存即可回收。

 

setTimeout 的第一个参数使用字符串而非函数的话,会引发内存泄漏。

 

闭包、控制台日志、循环(在两个对象彼此引用且彼此保留时,就会产生一个循环)

 

33、JQuery一个对象可以同时绑定多个事件,这是如何实现的?

34、documen.write和 innerHTML的区别

 

  • document.write只能重绘整个页面

  • innerHTML可以重绘页面的一部分

 

转载于:https://www.cnblogs.com/xiaobook/p/4287952.html

你可能感兴趣的文章
css3动画属性
查看>>
Mongodb 基本命令
查看>>
控制文件的备份与恢复
查看>>
软件目录结构规范
查看>>
mysqladmin
查看>>
解决 No Entity Framework provider found for the ADO.NET provider
查看>>
设置虚拟机虚拟机中fedora上网配置-bridge连接方式(图解)
查看>>
[置顶] Android仿人人客户端(v5.7.1)——人人授权访问界面
查看>>
ES6内置方法find 和 filter的区别在哪
查看>>
Android实现 ScrollView + ListView无滚动条滚动
查看>>
java学习笔记之String类
查看>>
UVA 11082 Matrix Decompressing 矩阵解压(最大流,经典)
查看>>
硬件笔记之Thinkpad T470P更换2K屏幕
查看>>
iOS开发——缩放图片
查看>>
HTTP之URL的快捷方式
查看>>
满世界都是图论
查看>>
配置链路聚合中极小错误——失之毫厘谬以千里
查看>>
蓝桥杯-分小组-java
查看>>
Android Toast
查看>>
iOS开发UI篇—Quartz2D使用(绘制基本图形)
查看>>