js常见面试题2

1.javaScript 的 Dom 节点操作创建、插入、删除、复制、查找

一、创建节点、追加节点

1、createElement（标签名）创建一个元素节点（具体的一个元素）。

2、createTextNode（节点文本内容）创建一个文本节点

3、createDocumentFragment()  //创建一个 DOM 片段

4、appendChild（节点）追加一个节点

二、插入节点

1、appendChild（节点）也是一种插入节点的方式，还可以添加已经存在的元素，会将其元素从原来的位置移到新的位置。

2、insertBefore（a,b）是参照节点，意思是a 节点会插入 b 节点的前面。

三、删除、移除节点

1、removeChild(节点) 删除一个节点，用于移除删除一个参数（节点）。其返回的被移除的节点，被移除的节点仍在文档中，只是文档中已没有其位置了。

四、复制节点

cloneNode() 方法，用于复制节点， 接受一个布尔值参数， true 表示深复制（复制节点及其所有子节点）， false 表示浅复制（复制节点本身，不复制子节点）

1、replaceChild(插入的节点，被替换的节点) ，用于替换节点，接受两个参数，第一参数是要插入的节点，第二个是要被替换的节点。返回的是被替换的节点。

六、查找节点

1、getElementsByTagName()     //通过标签名称

2、 getElementsByName()     //通过元素的 Name 属性的值(IE 容错能力较强，会得到一个数组，其中包括 id 等于 name 值的)

3、getElementById()    //通过元素 Id，唯一性

2.请说说事件委托机制？这样做有什么好处？

答、事件委托，就是某个事件本来该自己干的，但是自己不干，交给别人来干。就叫事件委托。打个比方：一个 button 对象，本来自己需要监控自身的点击事件，但是自己不来监控这个点击事件，让自己的父节点来监控自己的点击事件。

好处：A，提高性能：列如，当有很多 li 同时需要注册事件的时候，如果使用传统方法来注册事件的话，需要给每一个 li 注册事件。然而如果使用委托事件的话，就只需要将事件委托给该一个元素即可。这样就能提高性能。

B，新添加的元素还会有之前的事件；

3.JavaScript 中的作用域、预解析与变量声明提升？

作用域:

就是变量的有效范围。

如何检测一个变量的作用域:在指定的区域内使用这个变量，如果不报错，说明这个变量的作用域包含此区域。

函数作用域:只有函数能够划分变量的作用域，这种作用域的规则就叫函数作用域。

如果在函数内访问一个变量，优先找局部变量和形参,如果没有找到，去定义该函数的环境中查找，直到全局为止。

在 ES6 之前，只有函数可以划分变量的作用域，所以在函数的外面无法访问函数内的变量。在 ES6 之前，没有块级作用域的概念，所以在代码块的外面可以访问代码块内的变量

块级作用域：凡是代码块就可以划分变量的作用域，这种作用域的规则就叫块级作用域。

块级作用域 函数作用域 词法作用域之间的区别：

1、块级作用域和函数作用域描述的是，什么东西可以划分变量的作用域

2、词法作用域描述的是，变量的查找规则。之间的关系：

（1） 、 块级作用域 包含 函数作用域。

（2） 、 词法作用域 与 块级作用域、函数作用域之间没有任何交集，他们从两个角度描述了作用域的规则。

ES6 之前 js 采用的是函数作用域+词法作用域，ES6 js 采用的是块级作用域+词法作用域

预解析：

在代码整体执行之前，先解析一部分。

预解析之后，代码才会从上往下依次整体执行，但是预解析执行过的代码不会重复执行。

js 预解析干了什么事：

js 中预解析会把声明部分的代码预先执行。

声明相关的代码可以分为两部分：

1、 变量声明

通过 var 关键字定义的变量。

2、函数声明

通过 function 关键字声明的函数

预解析时如果遇到重复的变量声明，那么忽略。

预解析时如果遇到重复的函数声明，保留后面的函数。

预解析时如果遇到变量与函数重名的情况，保留函数。

变量声明提升：

使用 var 关键字定义的变量，被称为变量声明；

函数声明提升的特点是，在函数声明的前面，可以调用这个函