JavaScript 面试知识点总结

2019-12-05 本文已影响0人 Even_Cyw

前端开发追本溯源就是前端三兄弟html，css以及js。而在面试过程中，大部分的技术型问题都会集中考验面试者对于js的掌握程度。所以我在求职的过程中去网上也找了很多关于js的面试总结。对于我个人而言，发现实际上对于单纯开发来说，基本问题是不大的，但是往往对于一些细枝末节的知识点就是记不住，感觉都是小问题，看几遍就回了，所以针对这一类问题，我自己整理了一些，现在分享给大家。

正则匹配

^ 以。。。开头，
$ 以。。。结尾。
*任意多次
| 或的意思
（）组
[]集合

TypeOf

typeof Symbol() //"symbol"
typeof Number() //"number"
typeof String() //"string"
typeof Function() //"function"
typeof Object() //"object"
typeof Boolean() //"boolean"
typeof null //"object"
typeof undefined //"undefined"

Object.prototype.toString.call(arr) === '[object Array]';

Promise

一个promise可能有三种状态：等待（pending）、已完成（fulfilled）、已拒绝（rejected）

JavaScript RegExp

JavaScript RegExp 对象有 3 个方法：test()、exec() 和compile()

test() 方法用来检测一个字符串是否匹配某个正则表达式，如果匹配成功，返回 true ，否则返回 false；
exec() 方法用来检索字符串中与正则表达式匹配的值。exec() 方法返回一个数组，其中存放匹配的结果。如果未找到匹配的值，则返回 null；
compile() 方法可以在脚本执行过程中编译正则表达式，也可以改变已有表达式。

HTTP请求报文（Request）

HTTP 请求报文由请求行、请求头部、空行和请求包体4个部分组成，一次请求的格式如下：

    *   GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号)

    *   Accept: */*(客户端能接收的资源类型)

    *   Accept-Language: en-us(客户端接收的语言类型)

    *   Connection: Keep-Alive(维护客户端和服务端的连接关系)

    *   Host: localhost:8080(连接的目标主机和端口号)

    *   Referer: [http://localhost/links.asp(](http://localhost/links.asp()告诉服务器我来自于哪里)

    *   User-Agent: Mozilla/4.0(客户端版本号的名字)

    *   Accept-Encoding: gzip, deflate(客户端能接收的压缩数据的类型)

    *   If-Modified-Since: Tue, 11 Jul 2000 18:23:51 GMT(缓存时间)

    *   Cookie(客户端暂存服务端的信息)

    *   Date: Tue, 11 Jul 2000 18:23:51 GMT(客户端请求服务端的时间)

HTTP响应报文（Response）

HTTP 响应报文由状态行、响应头部、空行和响应包体4个部分组成，一次响应的格式如下：

*   HTTP/1.1(响应采用的协议和版本号) 200(状态码) OK(描述信息)

*   Location: [http://www.baidu.com(](http://www.baidu.com()服务端需要客户端访问的页面路径)

*   Server:apache tomcat(服务端的Web服务端名)

*   Content-Encoding: gzip(服务端能够发送压缩编码类型)

*   Content-Length: 80(服务端发送的压缩数据的长度)

*   Content-Language: zh-cn(服务端发送的语言类型)

*   Content-Type: text/html; charset=GB2312(服务端发送的类型及采用的编码方式)

*   Last-Modified: Tue, 11 Jul 2000 18:23:51 GMT(服务端对该资源最后修改的时间)

*   Refresh: 1;url=[http://www.it315.org(](http://www.it315.org()服务端要求客户端1秒钟后，刷新，然后访问指定的页面路径)

*   Content-Disposition: attachment; filename=aaa.zip(服务端要求客户端以下载文件的方式打开该文件)

*   Transfer-Encoding: chunked(分块传递数据到客户端）

*   Set-Cookie:SS=Q0=5Lb_nQ; path=/search(服务端发送到客户端的暂存数据)

*   Expires: -1//3种(服务端禁止客户端缓存页面数据)

*   Cache-Control: no-cache(服务端禁止客户端缓存页面数据)

*   Pragma: no-cache(服务端禁止客户端缓存页面数据)

*   Connection: close(1.0)/(1.1)Keep-Alive(维护客户端和服务端的连接关系)

*   Date: Tue, 11 Jul 2000 18:23:51 GMT(服务端响应客户端的时间)

解决跨域(CORS)

在服务器响应客户端的时候，带上Access-Control-Allow-Origin头信息，解决跨域的一种方法。

NaN

NaN:是 Not a Number 的缩写，JavaScript 的一种特殊数值，其类型是 Number，可以通过 isNaN(param) 来判断一个值是否是 NaN：

console.log(isNaN(NaN)); //true
console.log(isNaN(23)); //false
console.log(isNaN('ds')); //true
console.log(isNaN('32131sdasd')); //true
console.log(NaN === NaN); //false
console.log(NaN === undefined); //false
console.log(undefined === undefined); //false
console.log(typeof NaN); //number
console.log(Object.prototype.toString.call(NaN)); //[object Number]

数据类型

5种简单数据类型：

Undefined
Null
Boolean
Number
String

一种复杂数据类型：

Object

数字与数字/字符串之间的数学运算

多个数字和数字字符串混合运算时，跟操作数的位置有关：
```
console.log(2 + 1 + '3'); //‘33'
console.log('3' + 2 + 1); //'321'
```
数字字符串之前存在数字中的正负号(+/-)时，会被转换成数字
```
console.log(typeof '3'); // string
console.log(typeof +'3'); //number
```

可以在数字前添加 ''，将数字转为字符串

console.log(typeof 3); // number
console.log(typeof (''+3)); //string

对于运算结果不能转换成数字的，将返回 NaN

console.log('a' * 'sd'); //NaN
console.log('A' - 'B'); // NaN

To be continued