javascript常见面习题（二）

ゞ浴缸里的玫瑰 2022-12-16 10:58 151阅读 0赞

## 1、谈谈对闭包的理解，闭包的用途，闭包的缺点 ##

闭包是指有权访问另一个函数作用域中的变量的函数  
它主要用于设置私有的方法和变量。  
还可以构建命名空间，以减少全局变量的使用。  
使用闭包模块化代码，可以减少全局变量的污染  
它的缺点：  
它会使函数中的变量被保存在内存中，滥用闭包可能会导致内存泄露。解决方法是在函数退出之前，将不使用的局部变量全删除。  
闭包会在父函数外边，改变父函数内部的值

## 2、javascript做类型判断的方法有哪些？ ##

typeof,可以判断原始数据类型：undefined、boolean、string、number、symbol，但是typeof null的类型判断为object。对于引用类型，会判断为function、object两种类型。  
instanceof ,instanceof 检测的是原型，判断一个实例是否属于某种类型。  
Object.prototype.toString。toString() 是 Object 的原型方法，调用该方法，默认返回当前对象的类型。

## 3、如何阻止事件冒泡和默认事件 ##

阻止事件冒泡  
DOM中提供stopPropagation()方法，但IE不支持，使用event对象在事件函数中调用就行.  
IE中提供的是，cancelBubble属性，默认为false，当它设置为true时，就是阻止事件冒泡，也是用event对象在事件函数中调用.  
jQuery中提供了stopPropagation()方法来停止事件冒泡，当需要时，只需用用event对象来调用就行，即event.stopPropagation();  
阻止默认行为  
DOM中提供preventDefault()方法来取消事件默认行为，但是只有当cancelable属性设置为true的事件，才可以使用preventDefault()来取消事件默认行为，使用event对象在事件函数中调用就行。

IE中提供的是returnValue属性，默认为true，当它设置为false时，就是取消事件默认行为，也是用event对象在事件函数中调用。

jQuery中提供了preventDefault()方法来阻止元素的默认行为，只需要用event对象来调用就好，即event.preventDefault()

对于a链接，可以使用javascript伪协议来阻止默认行为

## 4、什么是深拷贝，什么是浅拷贝？ ##

关于深拷贝还是浅拷贝，浅拷贝是指拷贝一层，深层次对象级别就只拷贝引用；深拷贝是每一层的数据都会拷贝出来。简单来说就是浅拷贝的时候如果数据是基本数据类型，那么就如同直接赋值那样，会拷贝其本身；通过object.assign(目标对象，任意多个源对象)，返回值： 目标对象会被返回  
如果除了基本数据之外还有一层的对象，那么对于浅拷贝来说，就只能拷贝其引用。如果原对象的值发生了变化，那么这个结果不光会反映到原对象上，但是深拷贝就不一样，即使有嵌套关系依然会全部的拷贝出来。通过JSON数据解析实现  
浅拷贝就是两个对象引用的是同一个的内存空间，一个改变全部改变。  
深拷贝就是两个对象，旧对象还是用原来的储存空间。但是新对象就不同了，新对象自己开辟了一个新的空间，自己对自己控制，不再受原来空间的限制。

## 5、Js中forEach和map方法的区别 ##

forEach()针对每一个元素执行提供的函数，对数据的操作会改变原数组。  
map（）不会改变原数组的值，它返回一个新数组，且原数组不会改变。

## 6、讲一下let、var、const的区别，谈谈如何冻结变量 ##

var 没有块级作用域，支持变量提升。（变量提升：即可先使用变量，再声明变量）  
let 有块级作用域，不支持变量提升。不允许重复声明，暂存性死区。（块作用域由 \{ \} 包括，if语句和for语句里面的\{ \}也属于块作用域。）  
const 有块级作用域，不支持变量提升，不允许重复声明，暂存性死区。声明一个变量一旦声明就不能改变，改变报错。const保证的变量的内存地址不得改动。如果想要将对象冻结的话，使用Object.freeze()方法

## 7、箭头函数和普通函数的区别是什么？ ##

普通函数this：  
this总是代表它的直接调用者  
在默认情况下，没找到直接调用者，this指的是window。  
在严格模式下，没有直接调用者的函数中的this是undefined。  
使用call,apply,bind绑定，this指的是绑定的对象  
箭头函数this：  
在使用=>定义函数的时候，this的指向是 定义时所在的对象，而不是使用时所在的对象；  
不能够用作构造函数，这就是说，不能够使用new命令，否则就会抛出一个错误；  
不能够使用 arguments 对象；  
不能使用 yield 命令；

## 8、.函数柯里化理解 ##

只传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数。  
用途：1.延迟计算；2.参数复用；3.动态生成函数

## 9、JS中substr与substring的区别？ ##

js中substr和substring都是截取字符串中子串，非常相近，可以有一个或两个参数。  
substr(start \[，length\]) 第一个字符的索引是0，start必选 length可选  
substring(start \[, end\]) 第一个字符的索引是0，start必选 end可选

## 10、js创建对象的几种方式 ##

Object构造函数创建  
var Person = new Object();  
使用对象字面量表示法  
var Person = \{\}  
使用工厂模式创建对象  
**function createPerson(name,age,job)\{  
var o = new Object();  
o.name = name;  
o.age = age;  
o.job = job;  
o.sayName = function()\{  
alert(this.name);  
\};  
return o;  
\}  
var person1 = createPerson(‘Nike’,29,‘teacher’);**  
使用构造函数创建对象  
**function Person(name,age,job)\{  
this.name = name;  
this.age = age;  
this.job = job;  
this.sayName = function()\{  
alert(this.name);  
\};  
\}  
var person1 = new Person(‘Nike’,29,‘teacher’);**

## 11、引起内存泄露的原因？怎样避免内存泄露？ ##

原因  
意外的全局变量引起的内存泄露  
闭包引起的内存泄露  
没有清理的DOM元素引用  
被遗忘的定时器或者回调  
避免  
减少不必要的全局变量，或者生命周期较长的对象，及时对无用的数据进行垃圾回收；  
注意程序逻辑，避免“死循环”之类的 ；  
避免创建过多的对象 原则：不用了的东西要及时归还。

## 12、js中set的用法 ##

它类似数组，但它最大的特性就是所有的元素都是唯一的，没有重复。我们可以利用这一点进行数组的去重工作。  
var set6 = new Set(\[1,23,4,5,3,4,5,6\])

## 13、js的垃圾回收机制 ##

找出那些不在继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔，周期性的执行这一操作  
防止了出现内存泄露和溢出的情况

## 14、jQuery选择器的种类 ##

## 14.1.基本选择器 ##

$("\#id") //ID选择器  
$(“div”) //元素选择器  
$(".classname") //类选择器  
$(".classname,.classname1,\#id1") //组合选择器

## 14.2.层次选择器 ##

$("\#id>.classname “) //子元素选择器  
$(”\#id .classname “) //后代元素选择器  
$(”\#id + .classname “) //紧邻下一个元素选择器  
$(”\#id ~ .classname ") //兄弟元素选择器

## 14.3.过滤选择器 ##

$(“li:first”) //第一个li  
$(“li:last”) //最后一个li  
$(“li:even”) //挑选下标为偶数的li

## 14.4.表单选择器 ##

$(":input") //匹配所有 input, textarea, select 和 button 元素  
( " : t e x t " ) / / 所 有 的 单 行 文 本 框 ， (":text") //所有的单行文本框，(":text")//所有的单行文本框，(":text") 等价于( " \[ t y p e = t e x t \] " ) ， 推 荐 使 用 ("\[type=text\]")，推荐使用("\[type=text\]")，推荐使用(“input:text”)效率更

## 15、bootstrap的优势 ##

移动设备优先  
浏览器支持良好  
容易上手  
响应式设计等优点

## 16、函数防抖和函数节流 ##

函数防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。  
应用场景：搜索功能  
函数节流：限制一个函数在一定时间内只能执行一次。（定时器实现节流函数）

## 17、回调函数 ##

回调函数就是将这个函数作为参数传到另一个函数中，当那个函数执行完之后，再执行传进去的这个函数。这个过程就是回调

## 18、原型继承和class继承 ##

原型可以通过描述两个事物之间的相似关系来复用代码，我们可以把这种复用代码的模式称为原型继承。  
class继承可通过extends关键字实现

## 19、js中为什么要使用模块化代码 ##

解决命名冲突  
提高代码的复用性  
提高代码的可维护性

## 20、V8 ##

v8是javascript的一种引擎，相比其它的JavaScript的引擎转换成字节码或解释执行，V8将其编译成原生机器码，可以提高浏览器的性能。

## 21、$（document）.ready()和window.onload（）有什么区别 ##

window.onload（）方法实在网页中所有的元素完全加载到浏览器后才执行  
$（document）.ready()方法在dom载入就绪时就对其进行操作，并且调用执行绑定的函数

## 22、get和post请求的区别 ##

Get是不安全的，因为在传输过程，数据被放在请求的URL中；Post的所有操作对用户来说都是不可见的。  
Get传送的数据量较小，这主要是因为受URL长度限制；Post传送的数据量较大，一般被默认为不受限制。  
Get限制Form表单的数据集的值必须为ASCII字符；而Post支持整个ISO10646字符集。  
Get执行效率却比Post方法好。Get是form提交的默认方法。

## 23、Javascript中，有一个函数，执行时对象查找时，永远不会去查找原型，这个函数是？ ##

hasOwnProperty  
javaScript中hasOwnProperty函数方法是返回一个布尔值，指出一个对象是否具有指定名称的属性。此方法无法检查该对象的原型链中是否具有该属性；该属性必须是对象本身的一个成员。

## 24、事件委托(事件代理) ##

事件委托原理：事件冒泡机制  
“事件代理”即是把原本需要绑定在子元素的响应事件（click、keydown…）委托给父元素，让父元素担当事件监听的职务。  
优点  
大量减少内存占用，减少事件注册。  
.新增元素实现动态绑定事件  
实现方式：  
、可用addEventListener(); 语法：element.addEventListener(event, function, useCapture)；

## 25、事件冒泡和事件捕获 ##

事件冒泡 ：当一个元素接收到事件的时候 会把他接收到的事件传给自己的父级，一直到window  
捕获型事件(event capturing)：事件从最不精确的对象(document 对象)开始触发，然后到最精确