面试必选要掌握的知识（持续更新）

喜欢ヅ旅行 2023-06-19 11:22 9阅读 0赞

学习也算不少时间了，一些最基本的却忘了，做一些总结

### js ###

##### js之类（概念以及书写方式） #####

[https://blog.csdn.net/weixin\_44797182/article/details/103410301][https_blog.csdn.net_weixin_44797182_article_details_103410301]

##### js之面向对象编程，封装 继承 多态(详细篇) #####

[https://blog.csdn.net/weixin\_44797182/article/details/103422905][https_blog.csdn.net_weixin_44797182_article_details_103422905]  
[https://blog.csdn.net/weixin\_44797182/article/details/97301517][https_blog.csdn.net_weixin_44797182_article_details_97301517]

##### js之prototype、\_\_proto\_\_与constructor（图解）以及原型链 #####

[https://blog.csdn.net/weixin\_44797182/article/details/103436606][https_blog.csdn.net_weixin_44797182_article_details_103436606]

##### jQuery基础之核心函数，jQuery对象及伪数组 静态方法和实例方法的定义，各种静态方法（each,map,holdRedady,trim,isWindow,isArray,isFunction) #####

[https://blog.csdn.net/weixin\_44797182/article/details/100139384][https_blog.csdn.net_weixin_44797182_article_details_100139384]

##### javascript 遍历数组的常用方法（迭代、for循环 、for… in、for…of、foreach、map、filter、every、some） #####

[https://blog.csdn.net/weixin\_44797182/article/details/97031400][https_blog.csdn.net_weixin_44797182_article_details_97031400]

##### 介绍JavaScript的基本数据类型 #####

Number、String 、Boolean 、Null、Undefined  
Object 是 JavaScript 中所有对象的父对象  
数据封装类对象：Object、Array、Boolean、Number 和 String  
其他对象：Function、Arguments、Math、Date、RegExp、Error  
新类型：Symbol

##### JavaScript有几种类型的值？你能画一下他们的内存图吗？ #####

基本数据类型存储在栈中，引用数据类型（对象）存储在堆中，指针放在栈中。

两种类型的区别是：存储位置不同；原始数据类型直接存储在栈中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储；引用数据类型存储在堆中的对象,占据空间大、大小不固定,如果存储在栈中，将会影响程序运行的性能

引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体。

##### 栈和堆的区别？ #####

栈（stack）：由编译器自动分配释放，存放函数的参数值，局部变量等；  
堆（heap）：一般由程序员分配释放，若程序员不释放，程序结束时可能由操作系统释放。

##### Javascript作用链域 #####

作用域链的原理和原型链很类似，如果这个变量在自己的作用域中没有，那么它会寻找父级的，直到最顶层。  
注意：JS没有块级作用域，若要形成块级作用域，可通过（function（）｛｝）（）；立即执行的形式实现。

##### 谈谈this的理解 #####

1.  this总是指向函数的直接调用者（而非间接调用者）
2.  如果有new关键字，this指向new出来的那个对象
3.  在事件中，this指向目标元素，特殊的是IE的attachEvent中的this总是指向全局对象window。

##### eval是做什么的？ #####

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

##### 什么是window对象? 什么是document对象? #####

window对象代表浏览器中打开的一个窗口。document对象代表整个html文档。实际上，document对象是window对象的一个属性。

##### null，undefined的区别？ #####

null表示一个对象被定义了，但存放了空指针，转换为数值时为0。  
undefined表示声明的变量未初始化，转换为数值时为NAN。  
typeof(null) – object;  
typeof(undefined) – undefined

##### \[“1”, “2”, “3”\].map(parseInt) 答案是多少？ #####

\[1,NaN,NaN\]

解析：  
Array.prototype.map()  
array.map(callback\[, thisArg\])  
callback函数的执行规则  
参数：自动传入三个参数  
currentValue（当前被传递的元素）；  
index（当前被传递的元素的索引）；  
array（调用map方法的数组）

parseInt方法接收两个参数  
第三个参数\[“1”, “2”, “3”\]将被忽略。parseInt方法将会通过以下方式被调用  
parseInt(“1”, 0)  
parseInt(“2”, 1)  
parseInt(“3”, 2)

parseInt的第二个参数radix为0时，ECMAScript5将string作为十进制数字的字符串解析；  
parseInt的第二个参数radix为1时，解析结果为NaN；  
parseInt的第二个参数radix在2—36之间时，如果string参数的第一个字符（除空白以外），不属于radix指定进制下的字符，解析结果为NaN。  
parseInt(“3”, 2)执行时，由于"3"不属于二进制字符，解析结果为NaN。

##### 什么是闭包（closure），为什么要用它？ #####

闭包指的是一个函数可以访问另一个函数作用域中变量。常见的构造方法，是在一个函数内部定义另外一个函数。内部函数可以引用外层的变量；外层变量不会被垃圾回收机制回收。  
注意，闭包的原理是作用域链，所以闭包访问的上级作用域中的变量是个对象，其值为其运算结束后的最后一个值。  
优点：避免全局变量污染。缺点：容易造成内存泄漏。  
例子：

function makeFunc() \{  
var name = “Mozilla”;  
function displayName() \{  
console.log(name);  
\}  
return displayName;  
\}  
var myFunc = makeFunc();  
myFunc(); //输出Mozilla  
myFunc 变成一个 闭包。闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。在我们的例子中，myFunc 是一个闭包，由 displayName 函数和闭包创建时存在的 “Mozilla” 字符串形成。

##### 如何判断一个对象是否属于某个类？ #####

使用instanceof 即if(a instanceof Person)\{alert(‘yes’);\}

##### documen.write和 innerHTML的区别 #####

document.write()只能重绘整个页面

setTimeout(function()\{  
document.write(‘

5 secs later

’);  
\}, 5000);  
或

window.onload = function() \{ document.write(“HI”);  
innerHTML可以重绘页面的一部分

##### 那些操作会造成内存泄漏 #####

全局变量、闭包、DOM清空或删除时，事件未清除、子元素存在引用

##### Flash与Ajax各自的优缺点？ #####

Flash：适合处理多媒体、矢量图形、访问机器。但对css、处理文本不足，不容易被搜索。  
Ajax：对css、文本支持很好，但对多媒体、矢量图形、访问机器不足。

##### HTML与XML的区别？ #####

（1）XML用来传输和存储数据，HTML用来显示数据；  
（2）XML使用的标签不用预先定义  
（3）XML标签必须成对出现  
（4）XML对大小写敏感  
（5）XML中空格不会被删减  
（6）XML中所有特殊符号必须用编码表示  
（7）XML中的图片必须有文字说明

##### Web Worker和Web Socket？ #####

web socket：在一个单独的持久连接上提供全双工、双向的通信。使用自定义的协议（ws://、wss://），同源策略对web socket不适用。  
web worker：运行在后台的JavaScript，不影响页面的性能。  
创建worker：var worker = new Worker(url);  
向worker发送数据：worker.postMessage(data);  
接收worker返回的数据：worker.onmessage  
终止一个worker的执行：worker.terminate();

##### Ajax请求的页面历史记录状态问题？ #####

（1）通过location.hash记录状态，让浏览器记录Ajax请求时页面状态的变化。  
（2）通过HTML5的history.pushstate，来实现浏览器地址栏的无刷新改变。

参考连接：https://segmentfault.com/a/1190000015288700

[https_blog.csdn.net_weixin_44797182_article_details_103410301]: https://blog.csdn.net/weixin_44797182/article/details/103410301
[https_blog.csdn.net_weixin_44797182_article_details_103422905]: https://blog.csdn.net/weixin_44797182/article/details/103422905
[https_blog.csdn.net_weixin_44797182_article_details_97301517]: https://blog.csdn.net/weixin_44797182/article/details/97301517
[https_blog.csdn.net_weixin_44797182_article_details_103436606]: https://blog.csdn.net/weixin_44797182/article/details/103436606
[https_blog.csdn.net_weixin_44797182_article_details_100139384]: https://blog.csdn.net/weixin_44797182/article/details/100139384
[https_blog.csdn.net_weixin_44797182_article_details_97031400]: https://blog.csdn.net/weixin_44797182/article/details/97031400