前端八股文（js篇）

最新推荐文章于 2024-04-11 14:10:52 发布

前端VC

最新推荐文章于 2024-04-11 14:10:52 发布

阅读量324

点赞数 1

分类专栏：八股文文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_63267832/article/details/135182112

版权

八股文专栏收录该内容

12 篇文章 0 订阅

订阅专栏

一.强制类型转换规则

首先需要了解隐式转换所调用的函数。

当程序员显示调用Boolean（value）,Number（value），String（value）完成的类型转换，叫做显示类型转换。

当通过new Boolean（value），new Number（value），new String（value）传入各自对应的原始类型的值，可以实现"装箱"，将原始类型封装成一个对象。

其实这三个函数不仅仅是可以当做构造函数，它们可以直接当作普通的函数来使用，将任何类型的参数转换成原始类型的值：

Boolean('sdfsd') //true
Number("23") //12
String({a:24}); // "[object object]"

其实这三个函数用于类型转换的时候，调用的就是js内部的ToBoolean，ToNumber，ToString方法，从而达到显示转换的效果

二.Object.is()与操作符 "===" ,"=="的区别

==（或者!=）操纵在需要的情况下自动进行了类型转换。===（或！==）操作不会执行如何转换。

===在比较值和类型时，可以说比==更快。

而在ES6中，Object.is()类似于 ===，但在三等号判定的基础上特别处理NaN,-0和+0，保证-0和+0不再相同，但Object.is（NaN，NaN）会返回true。

三.事件以及事件相关的兼容性问题

事件最早是在IE3和Navigator2中出现的，当时作为分担服务器运算负担的一种手段。要实现和网页的互动，就需要通过JavaScript里面的事件来实现。

每次用户与一个网页进行交互，例如点击链接，按下一个按键或者移动鼠标时，就会触发一个事件。我们的程序可以检测到这些事件，然后对此做出响应。从而形成一种交互。

当我们绑定事件时，需要遵循事件三要素

事件源：是指那个元素引发的事件。比如当你点击图标的时候，会跳转到百度首页。那么这个图标就是事件源。
事件：事件是指执行的动作。例如，点击鼠标，按下键盘，获得焦点。
事件驱动程序：事件驱动程序即执行的结果。例如，当你点击图标的时候，会跳转到百度首页。那么跳转到百度首页就是事件的处理结果。

事件源.事件= function (){
    事件处理函数
}

三.什么是预编译？

所谓的预编译就是：在当前作用域中，JavaScript代码执行之前，浏览器首先会默认的把所有带var和function声明的变量进行提前的声明或者定义。

另外，var声明的变量和function声明的函数在预解析的时候有区别，var声明的变量在预解析的时候只是提前的声明，function 声明的函数在预解析的时候会提前声明并且会同时定义。也就是说var声明的变量和function声明的函数的区别是在声明的同时有没有同时进行定义。

四.Promise有几种状态，Promise有什么优缺点？

Promise有三种状态：

pending，fulfilled，rejected（未决定，履行，拒绝），同一时间只能存在一种状态，且状态一旦改变就不能再变。Promise是一个构造函数，promise对象代表一项有两种可能结果（成功或失败）的任务，它还持有多个回调，出现不同结果时分别发出相应回调。

初始化状态：pending
当调用resolve（成功）状态：pending=> fulfilled
当调用rejecte（失败）状态：pending=>rejected

Promise的优点是解决了回调地狱，缺点是代码并没有因为新方法的出现而减少，反而变得更加复杂，同时理解难度也加大，所以后面出现了async/await的异步解决放案

五.document.write和innerHTML的区别？

document.write是直接写入到页面的内容流，如果在写之前没有调用document.open，浏览器会自动调用open，每次写完关闭之后重新调用该函数，会导致页面全部重绘。

innerHTML则是DOM页面元素的一个属性，代表该元素的html内容。你可以精确到某一个具体的元素来进行更改。如果想修改document的内容，则需要修改document.documentElement.innerElement。innerHTML很多情况下都优于document.write,其原因在于不会导致页面全部重绘。

六.call,apply,bind的区别？

call和apply的功能相同，区别在于传承的方式不一样：

fn.call(obj,arg1,arg2,...)调用一个函数，具有一个指定的this值和分别地提供的参数（参数的列表）
fn.apply(obj,[argsArray])调用一个函数，具有一个指定的this值，以及作为一个数组（或类数组对象）提供的参数。

bind和call/apply有一个很重要的区别，一个函数被call/apply的时候，会直接调用，但是bind会创建一个新函数。当这个新函数被调用时，bind()的第一参数将作为它运行时的this，之后的一序列参数将会在传递的实参前传入作为它的参数。

七.this的指向哪几种？

总结起来，this的指向规律有如下几条：

在函数体中，非显式或隐式地简单调用函数时，在严格模式下，函数内的this会被this绑定到undefined上，在非严格模式下则会被绑定到全局对象window/global上。
一般使用new方法调用构造函数时，构造函数内的this会被绑定到新创建的对象上。
一般通过call/apply/bind方法显示调用函数时，函数体内的this会被绑定到指定参数的对象上。
一般通过上下文对象调用函数时，函数体内的this会被绑定到该对象上。
在箭头函数中，this的指向是由外层（函数或全局）作用域来决定的。