2020 JS必看基本面试题（一）

女爷i 2022-11-13 04:09 191阅读 0赞

首先说下面试：  
个人感觉特别重要的几点  
1.穿戴整齐干净 —给人感觉是干净利落大方

2.自信阳光 – 面试过程自信 阳光的心态特重要 自信自信

3.表达和沟通能力 很多时候都是看和你聊的怎么样 人怎么样

公司里不缺大牛 需要的技术还首先说下面试：

个人感觉特别重要的几点

1.穿戴整齐干净 —给人感觉是干净利落大方

2.自信阳光 – 面试过程自信 阳光的心态特重要 自信自信

3.表达和沟通能力 很多时候都是看和你聊的怎么样 人怎么样

公司里不缺大牛 需要的技术还不错 又不错能融入团队的人 个人魅力真的很重要

js基础必会面试题

1.  javascript的typeof返回哪些数据类型.  
    答案：string,boolean,number,undefined,function,object
2.  例举3种强制类型转换和2种隐式类型转换?  
    答案：强制（parseInt,parseFloat,number）  
    隐式（== ===）
3.  split() join() 的区别  
    答案：前者是将字符串切割成数组的形式，后者是将数组转换成字符串
4.  数组方法pop() push() unshift() shift()  
    答案：push()尾部添加 pop()尾部删除  
    unshift()头部添加 shift()头部删除
5.  IE和标准下有哪些兼容性的写法  
    答案：  
    var ev = ev || window.event document.documentElement.clientWidth || document.body.clientWidth Var target = ev.srcElement||ev.target
6.  ajax请求的时候get 和post方式的区别  
    答案：  
    一个在url后面 ，一个放在虚拟载体里面  
    get有大小限制(只能提交少量参数)  
    安全问题  
    应用不同 ，请求数据和提交数据
7.  call和apply的区别 （自行百度）  
    答案：  
    Object.call(this,obj1,obj2,obj3)  
    Object.apply(this,arguments)
8.  ajax请求时，如何解析json数据  
    答案：使用JSON.parse
9.  事件委托是什么  
    答案: 利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！
10. 闭包是什么，有什么特性，对页面有什么影响  
    答案：闭包就是能够读取其他函数内部变量的函数,使得函数不被GC回收，如果过多使用闭包，容易导致内存泄露
11. 如何阻止事件冒泡  
    答案：ie:阻止冒泡ev.cancelBubble = true;非IE ev.stopPropagation();
12. 如何阻止默认事件  
    答案：(1)return false；(2) ev.preventDefault();
13. 添加 删除 替换 插入到某个接点的方法  
    答案：  
    1）创建新节点  
    createElement() //创建一个具体的元素  
    createTextNode() //创建一个文本节点  
    2）添加、移除、替换、插入  
    appendChild() //添加  
    removeChild() //移除  
    replaceChild() //替换  
    insertBefore() //插入  
    3）查找  
    getElementsByTagName() //通过标签名称  
    getElementsByName() //通过元素的Name属性的值  
    getElementById() //通过元素Id，唯一性
14. 解释jsonp的原理，以及为什么不是真正的ajax  
    答案：动态创建script标签，回调函数  
    Ajax是页面无刷新请求数据操作
15. document load 和document ready的区别  
    答案：document.onload 是在结构和样式,外部js以及图片加载完才执行js  
    document.ready是dom树创建完成就执行的方法，原生种没有这个方法，jquery中有 $().ready(function)
16. ””和“=”的不同  
    答案：前者会自动转换类型,再判断是否相等  
    后者不会自动类型转换，直接去比较
17. 函数声明与函数表达式的区别？  
    在Javscript中，解析器在向执行环境中加载数据时，对函数声明和函数表达式并非是一视同仁的，解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问），至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解析执行。
18. 看下面代码，给出输出结果。

for(var i = 1; i <= 3; i++)\{ //建议使用let 可正常输出i的值  
setTimeout(function()\{  
console.log(i); \},0);  
\};  
答案：4 4 4。 原因：Javascript事件处理器在线程空闲之前不会运行

1.  Javascript的事件流模型都有什么?  
    “事件冒泡”：事件开始由最具体的元素接受，然后逐级向上传播  
    “事件捕捉”：事件由最不具体的节点先接收，然后逐级向下，一直到最具体的  
    “DOM事件流”：三个阶段：事件捕捉，目标阶段，事件冒泡
2.  null和undefined的区别？  
    null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。  
    当声明的变量还未被初始化时，变量的默认值为undefined。 null用来表示尚未存在的对象  
    undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：  
    （1）变量被声明了，但没有赋值时，就等于undefined。  
    （2）调用函数时，应该提供的参数没有提供，该参数等于undefined。  
    （3）对象没有赋值的属性，该属性的值为undefined。  
    （4）函数没有返回值时，默认返回undefined。  
    null表示"没有对象"，即该处不应该有值。典型用法是：  
    （1） 作为函数的参数，表示该函数的参数不是对象。  
    （2） 作为对象原型链的终点。
3.  new操作符具体干了什么呢?  
    1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。  
    2、属性和方法被加入到 this 引用的对象中。  
    3、新创建的对象由 this 所引用，并且最后隐式的返回 this 。
4.  js延迟加载的方式有哪些？  
    defer和async、动态创建DOM方式（创建script，插入到DOM中，加载完毕后callBack）、按需异步载入js
5.  如何获取javascript三个数中的最大值和最小值？  
    Math.max(a,b,c);//最大值  
    Math.min(a,b,c)//最小值
6.  javascript是面向对象的，怎么体现javascript的继承关系？  
    使用prototype原型来实现。
7.  .form中的input可以设置为readonly和disable，请问2者有什么区别？  
    readonly不可编辑，但可以选择和复制；值可以传递到后台  
    disabled不能编辑，不能复制，不能选择；值不可以传递到后台
8.  列举javaScript的3种主要数据类型，2种复合数据类型和2种特殊数据类型。  
    主要数据类型：string, boolean, number  
    复合数据类型：function, object  
    特殊类型：undefined，null  
    27.解释什么是Json:  
    (1)JSON 是一种轻量级的数据交换格式。  
    (2)JSON 独立于语言和平台，JSON 解析器和 JSON 库支持许多不同的编程语言。  
    (3)JSON的语法表示三种类型值，简单值(字符串，数值，布尔值，null),数组，对象

28、编写一个方法 求一个字符串的字节长度;  
···  
//假设一个中文占两个字节  
var str = ‘22两是’;  
alert(getStrlen(str))  
function getStrlen(str)\{  
var json = \{len:0\};  
var re = /\[\\u4e00-\\u9fa5\]/;  
for (var i = 0; i < str.length; i++) \{  
if(re.test(str.charAt(i)))\{  
json\[‘len’\]++;  
\}  
\};  
return json\[‘len’\]+str.length;  
\}  
···  
29、编写一个方法 去掉一个数组的重复元素  
···  
var arr = \[1,2,3,1,43,12,12,1\];  
var json = \{\};  
var arr2 = \[\];  
for (var i = 0; i < arr.length; i++) \{  
if(!json\[arr\[i\]\])\{  
json\[arr\[i\]\] = true;  
\}else\{  
json\[arr\[i\]\] = false;  
\}  
if(json\[arr\[i\]\])\{ arr2.push(arr\[i\]); \}  
\};  
for (var i = 0; i < arr.length; i++) \{  
if(!aa(arr\[i\], arr2))\{  
arr2.push(arr\[i\])  
\}  
\};  
function aa(obj, arr)\{  
for (var i = 0; i < arr.length; i++) \{  
if(arr\[i\] == obj) return true;  
else return false;  
\};  
\}  
alert(arr2)  
···  
30、写出3个使用this的典型应用  
事件： 如onclick this->发生事件的对象  
构造函数 this->new 出来的object  
call/apply 改变this不错 又不错能融入团队的人 个人魅力真的很重要

js基础必会面试题

6.ajax请求的时候get 和post方式的区别答案：一个在url后面 ，一个放在虚拟载体里面get有大小限制(只能提交少量参数)安全问题应用不同 ，请求数据和提交数据

7 .call和apply的区别 （自行百度）答案：Object.call(this,obj1,obj2,obj3)Object.apply(this,arguments)  
8. ajax请求时，如何解析json数据答案：使用JSON.parse  
9. 事件委托是什么答案: 利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！  
10. 闭包是什么，有什么特性，对页面有什么影响答案：闭包就是能够读取其他函数内部变量的函数,使得函数不被GC回收，如果过多使用闭包，容易导致内存泄露

1.  如何阻止事件冒泡答案：ie:阻止冒泡ev.cancelBubble = true;非IE ev.stopPropagation();
2.  如何阻止默认事件答案：(1)return false；(2) ev.preventDefault();
3.

添加 删除 替换 插入到某个接点的方法答案：  
1）创建新节点createElement() //创建一个具体的元素createTextNode() //创建一个文本节点  
2）添加、移除、替换、插入appendChild() //添加removeChild() //移除replaceChild() //替换insertBefore() //插入  
3）查找getElementsByTagName() //通过标签名称getElementsByName() //通过元素的Name属性的值getElementById() //通过元素Id，唯一性

15.解释jsonp的原理，以及为什么不是真正的ajax答案：动态创建script标签，回调函数Ajax是页面无刷新请求数据操作

16.document load 和document ready的区别答案：document.onload 是在结构和样式,外部js以及图片加载完才执行jsdocument.ready是dom树创建完成就执行的方法，原生种没有这个方法，jquery中有 $().ready(function)

1.  ””和“=”的不同答案：前者会自动转换类型,再判断是否相等后者不会自动类型转换，直接去比较

17.函数声明与函数表达式的区别？在Javscript中，解析器在向执行环境中加载数据时，对函数声明和函数表达式并非是一视同仁的，解析器会率先读取函数声明，并使其在执行任何代码之前可用（可以访问），至于函数表达式，则必须等到解析器执行到它所在的代码行，才会真正被解析执行。

18.看下面代码，给出输出结果。 for(var i = 1; i <= 3; i++)\{ //建议使用let 可正常输出i的值 setTimeout(function()\{ console.log(i); \},0); \}; 答案：4 4 4。 原因：Javascript事件处理器在线程空闲之前不会运行

19.Javascript的事件流模型都有什么?“事件冒泡”：事件开始由最具体的元素接受，然后逐级向上传播“事件捕捉”：事件由最不具体的节点先接收，然后逐级向下，一直到最具体的“DOM事件流”：三个阶段：事件捕捉，目标阶段，事件冒泡

1.  null和undefined的区别？  
    null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。当声明的变量还未被初始化时，变量的默认值为undefined。 null用来表示尚未存在的对象undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。  
    典型用法是：（1）变量被声明了，但没有赋值时，就等于undefined。（2）调用函数时，应该提供的参数没有提供，该参数等于undefined。（3）对象没有赋值的属性，该属性的值为undefined。（4）函数没有返回值时，默认返回undefined。null表示"没有对象"，即该处不应该有值。典型用法是：（1） 作为函数的参数，表示该函数的参数不是对象。（2） 作为对象原型链的终点。
2.  new操作符具体干了什么呢?1、创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。2、属性和方法被加入到 this 引用的对象中。3、新创建的对象由 this 所引用，并且最后隐式的返回 this 。
3.  js延迟加载的方式有哪些？defer和async、动态创建DOM方式（创建script，插入到DOM中，加载完毕后callBack）、按需异步载入js
4.  如何获取javascript三个数中的最大值和最小值？Math.max(a,b,c);//最大值Math.min(a,b,c)//最小值
5.  javascript是面向对象的，怎么体现javascript的继承关系？使用prototype原型来实现。
6.  .form中的input可以设置为readonly和disable，请问2者有什么区别？readonly不可编辑，但可以选择和复制；值可以传递到后台disabled不能编辑，不能复制，不能选择；值不可以传递到后台
7.  列举javaScript的3种主要数据类型，2种复合数据类型和2种特殊数据类型。主要数据类型：string, boolean, number复合数据类型：function, object特殊类型：undefined，null

27.解释什么是Json:(1)JSON 是一种轻量级的数据交换格式。(2)JSON 独立于语言和平台，JSON 解析器和 JSON 库支持许多不同的编程语言。(3)JSON的语法表示三种类型值，简单值(字符串，数值，布尔值，null),数组，对象

29、编写一个方法 去掉一个数组的重复元素···var arr = \[1,2,3,1,43,12,12,1\];var json = \{\};var arr2 = \[\];for (var i = 0; i < arr.length; i++) \{if(!json\[arr\[i\]\])\{json\[arr\[i\]\] = true;\}else\{json\[arr\[i\]\] = false;\}if(json\[arr\[i\]\])\{ arr2.push(arr\[i\]); \}\};for (var i = 0; i < arr.length; i++) \{if(!aa(arr\[i\], arr2))\{arr2.push(arr\[i\])\}\};function aa(obj, arr)\{for (var i = 0; i < arr.length; i++) \{if(arr\[i\] == obj) return true;else return false;\};\}alert(arr2)···

30、写出3个使用this的典型应用事件： 如onclick this->发生事件的对象构造函数 this->new 出来的objectcall/apply 改变this